猿问

您好,求助关于js toggleClass失灵的问题?

点击div实现toggleClass隐藏和出现功能,为什么隐藏后出不来?
$(document).ready(function(){
$('#switcher').click(function(event) { 
if(event.target == this){
$('#switcher button').toggleClass('hidden'); 
}
});
});

<div id="switcher" class="switcher"> 
<h3>Style Switcher</h3> 
<button id="switcher-default"> 
Default 
</button> 
<button id="switcher-narrow"> 
Narrow Column 
</button> 
<button id="switcher-large"> 
Large Print 
</button> 
</div>

长风秋雁
浏览 457回答 2
2回答

慕田峪4524236

首先别怀疑toggleClass, 而是你用错了.其次你为什么要用判断(event.target == this)??$(document).ready(function(){$('#switcher').click(function() {$('#switcher button').toggleClass('hidden');});});这样就可以.另外用toggle()也可以阿.$(document).ready(function(){$('#switcher').click(function() {$('#switcher button').toggle();});});最后 this是JS的对象, $(this)才是jquery对象, $(event.target)也一样
随时随地看视频慕课网APP

相关分类

JQuery
我要回答