gpt4 book ai didi

jquery - 如何在 jquery 中的两个类之间切换?

转载 作者:行者123 更新时间:2023-11-28 04:13:42 25 4
gpt4 key购买 nike

我在执行 toggleClass 时遇到问题,它似乎无法正常工作。图像应该在 showhide 之间改变。它确实更改为 hide,但没有返回

这是我的 example和一些代码:

<div class="top_menu_hidden" style="display: none; ">testing</div>
<div class="show_menu"></div>

$('.show_menu').on('click', function(){
$('.top_menu_hidden').stop().slideToggle('normal', function(){
$(".show_menu").toggleClass("hide_menu show_menu");
});
});​

.show_menu{
background: url("http://placehold.it/150&text=show") no-repeat scroll 0 0 transparent;
height: 150px;
width: 150px;
}
.hide_menu{
background: url("http://placehold.it/150&text=hide") no-repeat scroll 0 0 transparent;
height: 150px;
width: 150px;
}

有什么想法吗?

谢谢

最佳答案

$(".show_menu, .hide_menu").toggleClass("hide_menu show_menu");

DEMO

完整代码

$('.show_menu').on('click', function() {
$('.top_menu_hidden').stop().slideToggle('normal', function() {
$(".show_menu, .hide_menu").toggleClass("hide_menu show_menu");
});
});

关于jquery - 如何在 jquery 中的两个类之间切换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11124060/

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