jQuery Div切换问题

jQuery Div Toggle Issue

本文关键字：问题 Div jQuery      更新时间：2023-09-26

现场直播- 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');
    }
});
<标题>演示

可以尝试删除is部分并替换为hasClass (http://api.jquery.com/hasclass/)

if($$.hasClass('hide-bar')){
}else{
}
相关文章：