Question

我有一个Jquery函数，当单击相应的缩略图时，slideToggles会隐藏div。我想添加一个“活动”类，以在div可见时突出显示缩略图。它变得复杂，因为可以通过单击相应的缩略图，单击其他缩略图或单击div内的“关闭”按钮来关闭可见div。有没有办法将此功能添加到此功能？或者我应该尝试创建一个新的？这是功能：

 var prev = null;
function toggleDiv(e) {
  var divToToggle = $( $(this).find("a").attr('href') );
  if (prev && (!prev.is($(this)))) { //switch
    var prevDiv = $( prev.find("a").attr('href') );
    var divs = divToToggle.add(prevDiv); //add prevDiv into collection
    divs.slideToggle("slow"); //slideToggle all in collection
    prev = $(this);
  } else { //show/hide
    prev = divToToggle[0].style.display == 'block' ? null : $(this);
    divToToggle.slideToggle("slow");
  }
  return false;
}
$(".press").click(toggleDiv);

缩略图和关闭按钮有一个“.press”类，里面有一个锚标记，指向div的ID。

更新：这是我正在做的基本代码示例： codepen.io/nathans000/pen/OpZqGP

尝试将活动类添加到缩略图Jquery

0 个答案: