关闭切换时“返回”内容

Question

目标是在#boxar处于活动状态时隐藏toggle，并在“ toggle”关闭时返回“ #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>