gpt4 book ai didi

jquery - 单击时更改图标(切换)

转载 作者:行者123 更新时间:2023-12-03 21:30:15 29 4
gpt4 key购买 nike

我在 jquery 中有一个简单的脚本,可以在 <p> 时切换 div(显示和隐藏)。被点击(我正在使用 Bootstrap )。

HTML:

<p id="click_advance"><i class="icon-circle-arrow-down"></i> Advanced search</p>
<div id="display_advance">
<p>This is the advance search</p>
</div>

JS:

$('#click_advance').click(function(){
$('#display_advance').toggle('1000');
$(this).html('<i class="icon-circle-arrow-up"></i> Advanced search');

});

因此,当我第一次单击时,图标从下变为向上,但显然当我再次单击“click_advance”时,图标不会变回来。所以我想要像显示和隐藏这样的切换效果;但我不知道如何用图标来做到这一点。

最佳答案

不必每次都覆盖 html,只需切换类即可。

$('#click_advance').click(function() {
$('#display_advance').toggle('1000');
$("i", this).toggleClass("icon-circle-arrow-up icon-circle-arrow-down");
});

关于jquery - 单击时更改图标(切换),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15345784/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com