Toggleview
<script type="text/javascript">
function toggleView( what )
{
if (document.getElementById(what).style.display == "")
{
if (what) document.getElementById(what).style.display = "none";
if (document.getElementById(what + "_img")) document.getElementById(what + "_img").src = 'img/plus.gif';
if (document.getElementById(what).tagName == "LI")
document.getElementById(what).style.listStyleImage = 'img/plus.gif';
}
else
{
if (what) document.getElementById(what).style.display = "";
if (document.getElementById(what + "_img")) document.getElementById(what + "_img").src = 'img/min.gif';
if (document.getElementById(what).tagName == "LI")
document.getElementById(what).style.listStyleImage = 'img/min.gif';
}
}
</script>
En die roep ik zo aan:
<img id="faq_1_img" src="img/plus.gif" border="0"><span> </span><a onclick="javascript:toggleView('faq_1');" style="cursor:pointer;"><b>TEST FAQ</b></a>
<tr valign="top" id="faq_1" style="display:none">
<td>
<span>TEST FAQ
<br>
<br>HIJ DOET HET :D
</span></td></tr>
Werkt prima. Echter ik vroeg mij af:
Ik maak ook gebruik op mijn pagina van jQuery.js , is dat misschien makkelijker als bovenstaande code?
Tabellen gebruik je niet voor layout. Daarvoor heb je div's en span's. Bij een faq kan je ook nog gebruik maken van een tag, die ik nu even kwijt ben...
Nou dat helpt :p
Danny schreef op 04.06.2009 20:29:
Nou dat helpt :p
Wat zeik je nou, ik beantwoord toch z'n vraag.
Dat laatste gedeelte wat je kwijt was? Dat help (negatief...)
Ook had jij even kunnen meedenken, dan had je gevonden wat ik zocht:
http://www.w3schools.com/tags/tag_dl.asp
Kan iemand helpen hoe mijn code dan moet worden?