javascript - "Return"关闭切换时的内容

Question

目标是在 toggle 处于事件状态时隐藏 #boxar 并在“切换关闭”时返回“#boxar”。代码工作正常，直到我关闭开关(“#boxar”消失)但是当我关闭开关时，它们不会返回。

有人知道如何解决这个问题吗？

$(document).ready(function(){
    $('#toggle').click(function(){
        $('.boxar').hide();
        $('#'+this.rel+'').show();

        return false;
    });
});

Answer 1

您需要使用 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>