Kod jQuery:
var $ = jQuery; $(function() { $( ".menu-item-has-children a" ).click(function() { $( ".sub-menu", this ).next().toggle(200); }); });
oraz kod css:
a { padding:20px; display:block; background-color:silver; width:100px; cursor: pointer; text-align: center; } li { margin: 15px 0; padding: 15px; background-color: grey; display: block; width:140px; } .sub-menu { display: none; }
Nie wiem jak sprawić by naciśnięcie odnośnika A, który znajduje się wewnątrz <li></li> z klasą .menu-item-has-child spowodowało pokazanie podmenu z klasą .sub-menu, które znajduje się w bezpośrednim sąsiedztwie, tak bym mógł otwierać kolejne zagnieżdzęnia.
Od razu uprzedzam dociekliwych: jestem noga z JS i jQuery :/ więc jeśli zobaczycie coś dziwnego w kodzie, to jest to wynik mojej niewiedzy.