Wyświetlanie treści po kliknięciu przycisku

[p137]

Witam, na samym początku wspomnę, że jestem praktycznie zielony w tym temacie.

Dobra, przejdę do rzeczy; otóż jestem w posiadaniu skryptu na przyciski:

<button id="jeden">1</button> <button id="dwa">2</button>
<div id="tresc"></div>

<script>

var b1 = document.getElementById('jeden'),
b2 = document.getElementById('dwa'),
tresc = document.getElementById('tresc');

b1.onclick = function() {
tresc.innerHTML = 'Kliknąłeś przycisk 1';
}

b2.onclick = function() {
tresc.innerHTML = 'Kliknąłeś przycisk 2';
}

</script>

Niestety efekt, jaki one dawały przestał mnie fascynować. W tym momencie chciałbym osiągnąć taki efekt, że można kliknąć dwa przyciski jednocześnie i one by dawały po kolei treści spod jednego jakże i drugiego przycisku jednocześnie, a także żeby dało się te przyciski "odkliknąć", by treść nie była wcale wyświetlana. Jeśli macie jakieś poradniki jak osiągnąć takowy efekt to bardzo prosiłbym o podlinkowanie, bądź też udzielenie tutaj wskazówek dotyczących tego. 

[Piotr020798]

<button id="jeden">1</button> <button id="dwa">2</button>
<div id="tresc1" style="display: none">Kliknąłeś przycisk 1</div>
<div id="tresc2" style="display: none">Kliknąłeś przycisk 2</div>
<script>

function toggle(p) {
	if(p.style.display == 'none') {
		p.style.display = 'block';
	}
	else {
		p.style.display = 'none';
	}
}
var b1 = document.getElementById('jeden'),
b2 = document.getElementById('dwa'),
tresc1 = document.getElementById('tresc1'),
tresc2 = document.getElementById('tresc2');

b1.onclick = function() {
	toggle(tresc1);
}

b2.onclick = function() {
	toggle(tresc2);
}

</script>

Coś takiego?

[p137]

Dnia 2.08.2017 o 00:30, Piotr020798 napisał:

<button id="jeden">1</button> <button id="dwa">2</button>
<div id="tresc1" style="display: none">Kliknąłeś przycisk 1</div>
<div id="tresc2" style="display: none">Kliknąłeś przycisk 2</div>
<script>

function toggle(p) {
	if(p.style.display == 'none') {
		p.style.display = 'block';
	}
	else {
		p.style.display = 'none';
	}
}
var b1 = document.getElementById('jeden'),
b2 = document.getElementById('dwa'),
tresc1 = document.getElementById('tresc1'),
tresc2 = document.getElementById('tresc2');

b1.onclick = function() {
	toggle(tresc1);
}

b2.onclick = function() {
	toggle(tresc2);
}

</script>

Coś takiego?

Tak, dokładnie. Dziękuję bardzo