2013-03-18 222 views
3

我在下面有一个小的jQuery函数。它基本上通过点击元素#hover-trigger工作,无论是链接还是图像。这然后使集中的div元素 集中出现在屏幕上,在这种情况下为#hover-contentjQuery:点击隐藏元素

我想知道的是,我可以添加什么功能到这一个的末尾,使div当某个元素被点击时再次消失?

$(document).ready(function() 
{ 
    $('#hover-trigger').click(function() 
    { 
     $(this).next('#hover-content').slideToggle(); 
     $(this).toggleClass('active');     

     if ($(this).hasClass('active')) 
      $(this).find('span').html('▲') 
     else 
      $(this).find('span').html('▼') 
    }) 
}); 
+2

重新标记,在这个问题上与PHP没有关系 – 2013-03-18 01:15:58

回答

1

无论你想点击什么元素,告诉它隐藏div。

$("#clickMe").click(function(){ 

$("#divToHide").hide(); 
}); 
+0

哇,感谢您的快速回复!完美的作品。非常感激。 – OllyBarca 2013-03-18 01:23:19

0

尝试:

$('#hide-trigger').click(function(){ 
    $('.avtive').slideToggle(); 
    $('.active').toggleClass('active'); 
}); 

还是我失去了一些东西?