jQuery toggleClass() не работает

Question

Мне просто интересно, как я буду делать что-то, что можно включить и выключать в jQuery. То, что я хочу сделать, - это переключение выпадающего меню загрузки, когда кто-то нажимает «загрузить». Класс работает с эффектом наведения, но по какой-то причине он не будет работать для эффекта щелчка! Любая помощь была бы потрясающей!

JSFiddle: https://jsfiddle.net/830f119e/1/

<div class="navigation"> 
<div class="nav"> 
    <div class="logo"> 
    ZeteticRSPS 
</div> 
<ul> 
    <li><a href="#">Forum</a></li> 
    <li><a href="#">Store</a></li> 
    <li class="download-dropdown"> 
     <a href="#" class="drop-btn">Download</a><i class="fa fa-caret-right nav-icon" aria-hidden="true"></i> 
    <div class="dropdown-content"> 
     <a href="#">Mediafire</a> 
     <a href="#">Direct Download</a> 
    </div> 
    </li> 
    <li><a href="#">Vote</a></li> 
</ul> 
</div> 

JQuery:

$("download-dropdown").click(function() { 
$(this).toggleClass("download-dropdown-toggle"); 
}); 

Answer 1

Попробуйте следующий код.

$(".download-dropdown a").click(function() { 
    $(this).parent().find('.dropdown-content').slideToggle(); 
}); 

Working Fiddle.

Вы не выбрали jQuery в JSFiddle.