show and hide

Hej jag har en kod för att visa och gömma innehåll vid klick. Koden fungerar utmärkt men nu vill jag ha in ytterligare en text som ska visas och gömmas. Om jag bara klistrar in samma kod igen fungerar det så klart inte.

Var i koden ändrar jag så att jag kan ha fler /visa/gömma på samma sida?

Tacksam för svar

Koden:

<script type="text/javascript">// <![CDATA[
function showStuff(id) {

document.getElementById(id).style.display = 'block';
}

function hideStuff(id) {
document.getElementById(id).style.display = 'none';
}
function showhideStuff(id) {
document.getElementById(id).style.display = 'none';
var State=document.getElementById('showhide').innerHTML
if (State=='Show')
{
document.getElementById('showhide').innerHTML = 'Hide';
showStuff(id);
}
else
{
hideStuff(id)
document.getElementById('showhide').innerHTML = 'Show';
}
}
// ]]></script>
<a id="showhide" href="javascript:showhideStuff('myDiv');">Show</a></p>
<div id="myDiv" style="display: none;">I'm here!</div>

sidan är inte officiell ännu - jag håller på att testa mig fram lite med olika funktioner.

Denna sida skulle då innehålla sex stycken sådana här visa/gömma texter

Jag tror detta är en riktig nybörjarfråga det är förmodligen lättare än jag fattar.

Jag gjorde som du sa först men det funkade så klart inte.

Nu är jag så snurrig av detta att jag inte fattar i alla fall ha ha ha.. har hålt på sen sex

Du vore mycket snäll om du kopierade följande och skrev in det du menar på den andra show/hide

<script type="text/javascript">// <![CDATA[
function showStuff(id) {

document.getElementById(id).style.display = 'block';
}

function hideStuff(id) {
document.getElementById(id).style.display = 'none';
}
function showhideStuff(id) {
document.getElementById(id).style.display = 'none';
var State=document.getElementById('showhide').innerHTML
if (State=='Show')
{
document.getElementById('showhide').innerHTML = 'Hide';
showStuff(id);
}
else
{
hideStuff(id)
document.getElementById('showhide').innerHTML = 'Show';
}
}
// ]]></script>
<a id="showhide" href="javascript:showhideStuff('myDiv');">Show</a></p>
<div id="myDiv" style="display: none;">I'm here!</div>
<script type="text/javascript">// <![CDATA[
function showStuff(id) {

document.getElementById(id).style.display = 'block';
}

function hideStuff(id) {
document.getElementById(id).style.display = 'none';
}
function showhideStuff(id) {
document.getElementById(id).style.display = 'none';
var State=document.getElementById('showhide').innerHTML
if (State=='Show')
{
document.getElementById('showhide').innerHTML = 'Hide';
showStuff(id);
}
else
{
hideStuff(id)
document.getElementById('showhide').innerHTML = 'Show';
}
}
// ]]></script>
<a id="showhide" href="javascript:showhideStuff('myDiv');">Show</a></p>
<div id="myDiv" style="display: none;">I'm here!</div>

jQuery länken. Jag provade att bara klistra in koden men det blev bara text av allt. Har aldrig sett sådan kod förut... jag kanske är för trött

jahaaa - oj vad det ser komplicerat ut puuh

Jag har precis lärt mig hur man skriver bold text ha ha ha ha ha (nästan)
Vill egentligen bara byta id eller nåt i min kod men vet inte var eller vilka som ska bytas.

Var ska i så fall biblioteket läggas? På ftp?

"lägg den där du vill och länka in den i html dokumentet"

Ok nu hajar jag inget - hur länkar jag en text in i ett html-dokument? Första gången jag hör talas om jquery så kan ju vara så att jag ska hålla mig kvar i html segmentet där jag ändå kan läsa lite html - detta är rena rapakaljan hi hi

Kan du se var i min kod man ska ändra id?

Ja precis som på länken vill jag ha (fast fler på samma sida)