javascript - 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 .

你还没有在 JSFiddle 中选择 jQuery。