2016-08-08 1 views
1

jQueryで何かをオンとオフに切り替える方法について、私は不思議に思っていました。私がやりたいことは、誰かが「ダウンロード」をクリックしたときにダウンロードドロップダウンメニューを切り替えることです。クラスはホバー効果で動作しますが、何らかの理由でクリック効果では機能しません!どんな助けも素晴らしいだろう!jQuery toggleClass()が動作しない

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"); 
}); 

答えて

1

は、次のコード試してみてください。

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

Working Fiddle

あなたはJSFiddleでjQueryを選択していません。

+0

Works!ありがとうございました! –

関連する問題