独立滑动切换链接

Question

一直试图让 SlideToggle 在已打开的情况下关闭，或者在已打开的情况下不重新打开。查遍了这个功能，但没有结果。任何帮助将不胜感激！

jQuery

   <script>
$(document).ready(function() {
  $(".shareLink").click(function(){
$(".hideShare").hide();
  $("#"+$(this).attr('id')+'Box').slideToggle();
  return false;
  });

});
</script>

这里有一个链接 http://digitalzu.net/jquery.html

Answer 1

它不起作用，因为您隐藏了所有 hideShare 元素，其中也包括当前框，因此它只是切换。

试试这个，它只会隐藏它的兄弟。

 $(".shareLink").unbind().click(function(){
       $("#"+$(this).attr('id')+'Box')
       .siblings('.hideShare')
       .slideUp()
       .end()
       .slideToggle();

       return false;
  });

演示

Answer 2

var $el = $("#"+$(this).attr('id')+'Box');

if($el.is(":hidden")){
    $(".hideShare").hide();
    $el.slideDown();
}

您隐藏了所有内容，然后向下滑动一个元素。问题是即使该元素已经可见，您也会这样做。相反，请确保它尚未可见，如果可见，则不执行任何操作。