实时站点- http://www.arif-khan.net/other/toggle.html
左侧的红色条是切换 div 的开关。我的问题是当你第一次点击它时它不起作用,随后的点击它会按预期运行。我很确定那是因为它第一次隐藏 div 然后显示 div。我需要解决这个问题,所以第一次点击它会显示相应的 div 而不是隐藏它。
代码-
<script>
var speed = 300;
$('#close-bar').on('click', function(){
var $$ = $(this);
if( $$.is('.hide-bar') ){
$('#toggleBox').animate({left:-212}, speed);
$$.removeClass('hide-bar')
} else {
$('#toggleBox').animate({left:0}, speed);
$$.addClass('hide-bar')
}
});
</script>
最佳答案
var speed = 300;
$('#close-bar').on('click', function () {
if ($(this).hasClass('hide-bar')) {
$('#toggleBox').animate({left:0}, speed);
$(this).removeClass('hide-bar');
} else {
$('#toggleBox').animate({left:-212}, speed);
$(this).addClass('hide-bar');
}
});
DEMO
关于javascript - jQuery Div 切换问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24335561/