javascript - 给定慢速参数时，jquery 隐藏和显示方法无法正常工作

Question

我想要实现的是，当我单击三个选项卡之一时，它应该在单击的 div 上的描述 div 淡入淡出，并将其隐藏在其他 div 上(描述 div 具有相同的类)

现在，如果我使用没有参数的 .show() 和 .hide()(例如 .hide("slow"))，它会完美地工作，并且如果我单击事件描述 div，则没有任何反应(如预期的那样)。而如果我使用 .hide("slow") 和 .show("slow")，或者我使用毫秒参数 (1000) 而不是“slow”，它会淡入和淡出，就像它应该的那样，但是如果我点击一个事件的描述 div，它会淡出并再次淡入，我不希望它发生。下面的 JS fiddle 供引用。

https://jsfiddle.net/k00s1fek/

Answer 1

只需添加一个简单的检查，看看当前选择器是否有一个带有 display : none 的 div。下面是所需的 JavaScript 代码。

$('.col-lg-2').click(function() {

  if ($(this).children('.desc').css("display") == "none") {
    $('.desc').not(this).hide("slow");
    $('.desc', this).show("slow");
  }

})