Met Firebug achterhalen welke cssregel van je WP-template de submenu-items laat verdwijnen?
Dag Funkphenomenon,
Dank voor de tip. Ik zie in Firebug wat ik in broncode niet kon zien.
Er wordt een style=”display:none; toegevoegd. Voor de sublist items is dit begrijpelijk die moeten pak na een click verschijnen maar bij het hoofdlist item moet dit niet.
<ul class=”menu”>
<li class=”page_item page-item-17″ style=”cursor: pointer;”>Wat is ….
<ul style=”display: none;”>
<li class=”page_item page-item-19″>Veel gestelde vragen
Nou ben ik niet thuis in Javascript maar dit zal het script toevoegen.
Heb jij een idee hoe ik dit aanpak?
Voor de volledigheid. Dit is het script.
$(function() // Register the menu
{
// Add the click event handler on the list item with sub list
$('li:has(ul)')
.click(function(event){
if (this == event.target) {
// Hide all the children of the other lists
$('li:has(ul)').children().hide('slow');
// Make the animation
$(this).children().animate({opacity:'toggle',height:'toggle'},'slow');
}
return false;
}
)
// Change the cusrsor.
.css({cursor:'pointer'})
// Hide all the nested lists (on the first tinm only).
.children().hide();
}
);
Ik zie dat een deel van de HTML code wegvalt.
Nu binnen de code tag:
<ul class="menu">
<li class="page_item page-item-17" style="cursor: pointer;"><a title="Wat is ...." href="http://localhost/wp-testarea/..../index.php/wat-is-...." style="display: none;">Wat is ....</a>
<ul style="display: none;">
<li class="page_item page-item-19"><a title="Veel gestelde vragen" href="http://localhost/wp-testarea/..../index.php/wat-is-..../veel-gestelde-vragen">Veel gestelde vragen</a></li>
</ul>
</li>
</ul>
Er zijn nog meer problemen met dit script.
Ik heb gekozen voor een plugin die prima werkt. Accordion menu
http://bruzed.com/accordion-menu/
Werkt ook prima in WP 3.0
