Question

我只是想知道如何在jQuery中打开和关闭一些东西。我想要做的是当有人点击＆＃34;下载＆＃34;时，可以通过下载下拉菜单进行切换。该类与悬停效果一起使用，但由于某种原因，它不会对点击效果起作用！任何帮助都会很棒！

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。

jQuery toggleClass（）不起作用

1 个答案: