Beste,

Ik wil graag dat mijn menu een spoiler is.
Dit is me dan wel gelukt maar niet helemaal zoals ik het wou.
Ik heb nu namelijk dit.

<input type="button" onclick="showSpoiler(this);" value="<h1>Menu</h1>" />

.
Ik weet dat het dom is want ik wil namelijk niet dat mensen op die knop moeten drukken die nu onder Menu staat.
Ik wil dat als mensen op de Menu zelf drukken de spoiler komt namelijk dit:

<h1>Menu</h1>

Om mij beter te begrijpen laat ik het even zien:
http://www.universal-games.nl
Links staat het menu met de knop eronder.

Alvast bedankt

MVG,
Menno

Citaat van Wmdiensten

PHP

Menu

Waarom doe je dit dan niet met een een A attribute of is dit niet wat je bedoelt ?

helaas werkt dit niet misschien moet ik mijn code er even bij vermelden.

<script type="text/javascript">function showSpoiler(obj)    {    var inner = obj.parentNode.getElementsByTagName("div")[0];    if (inner.style.display == "none")        inner.style.display = "";    else        inner.style.display = "none";    }    </script>

dit lukt ongeveer wel maar nu kunnen mensen het showen maar niet meer hide

Heel erg bedankt het werkt nu met animatie alleen is de knop veranderd maar hopelijk kom ik hier wel uit

Dankjewel dit is nu ook gelukt alleen wil ik nu dat als je op de site komt dat het weg is en als je klikt dat het dan togglet want nu staat het er meteen en klik je het weg/terug maar ik denk dat dit wel gaat lukken als ik even goed naar het script kijk

Waar moet ik dit dan toevoegen?(display:none)

<script src="http://code.jquery.com/jquery-latest.js"></script>
<menu1><h1>Menu</h1></menu1>
<div class="cwrap">
	Druk op Menu om de opties te weergeven/verbergen
	<menu>
	 <ul> 
        <li><a href="/home/">Home</a></li>
	<li><a href="http://www.universal-games.nl/chat/flashchat.php">Chat</a></li> 
        <li><a href="/forum/">Forum</a></li>
        <li><a href="/ledenlijst/">Ledenlijst</a></li> 
        <li><a href="/vip-lijst/">Viplijst</a></li> 
        <li><a href="/hacks/">programmas</a></li> 
        <li><a href="/filmpjes/">Filmpjes</a></li>
        <li><a href="/tutorials/">Tutorials</a></li>          
        <li><a href="/hacks/">Downloads</a></li> 
        <li><a href="/kleur/">Kies je kleur (buitenwerking)</a></li>  
        <li><a href="/statistieken/">Statistieken</a></li>  
        <li><a href="/regels/">Regels</a></li> 
     </ul>
	</menu>
<script>
$("menu1").click(function () {
$("menu").toggle("slow");
});    
</script>

Heel erg bedankt alles werkt nu zoals ik wil