jQuery toggleClass() not working

jQuery toggleClass() not working

本文关键字：not working toggleClass jQuery      更新时间：2023-09-26

我只是想知道如何在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" );
});

试试下面的代码。

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

工作小提琴。

您没有在JSFiddle中选择jQuery。

相关文章：