Om du har en HTML-struktur som denna:
Kod:
<div class="alldropdowns">
<ul>
<li class="dropdown1"> <span class="ddclick">Dropdown1</span>
<ul style="display:none;">
</ul>
</li>
<li class="dropdown2"> <span class="ddclick">Dropdown2</span>
<ul style="display:none;">
</ul>
</li>
<li class="dropdown3"> <span class="ddclick">Dropdown3</span>
<ul style="display:none;">
</ul>
</li>
</ul>
</div>
Så kan du lösa det såhär:
Kod:
$('.ddclick').click(function() {
var mainparent = $(".alldropdowns");
var dropdown = $(this).parent().find("ul");
var showthis = dropdown.is(':hidden');
mainparent.find('ul > li > ul').hide();
if(showthis) { dropdown.fadeToggle(); }
});
Berätta gärna om den fungerade!