Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
正在尝试将活动类添加到Jquery_Jquery_Html_Css_Highlight - Fatal编程技术网

正在尝试将活动类添加到Jquery

正在尝试将活动类添加到Jquery,jquery,html,css,highlight,Jquery,Html,Css,Highlight,我有一个Jquery函数,当单击相应的缩略图时,它可以滑动切换隐藏的div。我想添加一个“活动”类,以便在div可见时突出显示缩略图。它变得复杂,因为可以通过单击相应的缩略图、单击其他缩略图或单击div内的“关闭”按钮来关闭可见div。是否有方法将此功能添加到此功能中?或者我应该尝试创建一个新的?下面是函数: var prev = null; function toggleDiv(e) { var divToToggle = $( $(this).find("a").attr('href'

我有一个Jquery函数,当单击相应的缩略图时,它可以滑动切换隐藏的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的锚定标记

更新:下面是我正在做的一个基本代码笔示例:

如果您能向我们展示您迄今为止所拥有的、您尝试过的任何东西,以及您想要实现的具体行为(基于演示),这将有所帮助。请参见如何创建一个。看到它的运行和你的HTML结构将帮助我们给你一个更好的解决方案。谢谢你的信息迈克尔!这里是codepen中的一个演示:我基本上只想在缩略图中添加一个活动类,这样当它们对应的div可见时,我就可以设置它们的样式。谢谢NathanYou可以在缩略图中有一些
data-something
属性,其内容是切换div的id。在函数中,您可以像
$('div[data-something=“id”]”)那样选择它。removeClass('active')。同样的想法也可以用类或ID来实现。您在
prev
变量中有以前的活动id,因此可以执行此操作。试试看,如果你做不到,请发布你的代码,我们会帮助你,谢谢大家!我终于成功了。将变量传递到“data something”值的语法花了我很长时间才弄明白。它需要两组引号:$('div[data click=“”+thumbHL+“]”)。addClass('active-thumb');其中thumbHL是target href和“data click”属性。非常感谢您的帮助