Question

我有一个链接，当点击时会展开到下面的div。我需要在“我的链接”中添加某种指示器，就像一个“胡萝卜”图标，它将向下调整以指示该部分的扩展。基本上我认为我需要在css类中添加图标，然后将该类与具有不同图像的另一个类交换。我发现toggleClass位似乎它添加/删除了类而不是交换它。

那我怎么换班？

这是我现在没有添加视觉指示器的内容。

$("#mLink").click(function() {
    $("#showHideDiv").slideToggle("fast");
});

<span id="mLink">My Link</span>
<div id="showHideDiv">
   hidden content
</div>

我

Answer 1

您应该调用.toggle()^help。像

$('#myLink').toggle(function() {
    $("#showHideDiv").slideDown("fast").toggleClass('open');
}, function() {
    $("#showHideDiv").slideUp("fast").toggleClass('open');
});

Answer 2

只需将字符串2切换为类似

的内容

$('#myDiv').toggleClass('a').toggleClass('b');

让你的目标从其中一个类开始..

<div id="myDiv" class="b"> bla bla </div>

然后每次调用都会切换两者，给出你想要的结果。

用jQuery交换css类

2 个答案: