jQuery Div切换问题

固定

实时网站-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');
    }
});

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章