目标是在 toggle
处于事件状态时隐藏 #boxar
并在“切换关闭”时返回“#boxar”。代码工作正常,直到我关闭开关(“#boxar”消失)但是当我关闭开关时,它们不会返回。
有人知道如何解决这个问题吗?
$(document).ready(function(){
$('#toggle').click(function(){
$('.boxar').hide();
$('#'+this.rel+'').show();
return false;
});
});
最佳答案
您需要使用 toggle()
相反,例如:
$(document).ready(function(){
$('#toggle').click(function(){
$('.boxar').toggle();
$('#'+this.rel+'').toggle();
return false;
});
});
$(document).ready(function() {
$('#toggle').click(function() {
$('.boxar').toggle();
$('#' + $(this).attr('rel')).toggle();
return false;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' id='toggle' rel='test'>Toggle</button>
<br>
<div class='boxar'>Boxar DIV</div>
<span>Regular span</span><br>
<span id="test">Rel span</span><br>
<span>Regular span</span><br>
<span>Regular span</span>
关于javascript - "Return"关闭切换时的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51304186/