jQuery - 单击以隐藏我已经单击以显示的元素答案

【问题标题】：jQuery - Click to hide element that I already clicked to displayjQuery - 单击以隐藏我已经单击以显示的元素
【发布时间】：2013-02-24 03:36:31
【问题描述】：

所以我找到了一个脚本，它可以在单击我选择的另一个元素时很好地显示隐藏的 div。但是，我希望这更像是一个切换。谁能帮我吗？我已尝试尽我所能调整脚本，但 jQuery 不是我的强项。

<script type="text/javascript">
    (function($){
    document.documentElement.className += " js"; // Add js class to the HTML element
    $(function(){
      var $containers = $("#repaircontent").hide();

      jQuery(document).ready(function(){
       /* Show the HTML page only after the js and css are completely loaded */
       delayShow();
      });

      function delayShow() {
        var secs = 1000;
            setTimeout('jQuery("#repaircontent").css("visibility","visible");', secs);
      }

      $('#repairtab').each(function(i,el){
        var idx = i;
        $(this).click(function(e){
          var $target = $containers.filter(':eq(' + idx + ')');
          $target.not(':visible').fadeIn();
          e.preventDefault();

        })
      })
    })
    })(jQuery);
</script>

【问题讨论】：

你有没有想过使用切换？ api.jquery.com/toggle

标签： jquery hide toggle visibility

【解决方案1】：

只需将淡入替换为切换...

      $('#repairtab').each(function(i,el){
    var idx = i;
    $(this).click(function(e){
      var $target = $containers.filter(':eq(' + idx + ')');
      $target.toggle();
      e.preventDefault();

    })
  })
})
})(jQuery);

【讨论】：

很简单，我的jquery语法不足。感谢您的快速帮助。这成功了。

【解决方案2】：

你试过jquery的切换吗？ http://api.jquery.com/toggle/

【讨论】：

如何在上面的代码中应用切换？我认为使用切换教程为这个脚本编写一个新脚本可能更容易:)