[英]jQuery Div Toggle Issue
实时网站-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{
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.