Jquery .toggle事件渗入子元素

时间:2012-05-01 14:50:50

标签: jquery click toggle

所以我尝试过使用event.stopPropagation建议在点击附加的div中的链接时保持此动画不会发生。到目前为止,我没有运气。

基本上我有一个名为.swapper的div,当点击它时变得完全可见。当再次点击它再次隐藏自己。我希望用户能够单击div中的链接而不是隐藏div,它需要将它们带到链接。

任何人都可以在我的代码中发现一些我做错了吗?谢谢你的时间!

jQuery(".swapper").toggle(
   function()
   {
      jQuery(this).animate({top: "-140"}, 1500);
   },
   function()
   {
      jQuery(this).animate({top: "0"}, 1500);
   });

   $(".swapper a").click(function(event) {
        event.stopPropagation();
   });

这是css。不幸的是我没有建立网站,我只是想帮助一个朋友让jquery工作,所以它有点混乱。

<div class="swapper" style="top: 0px; ">
<div class="bgr"></div>
<div class="indicator"></div>
<h3>Carapace Story</h3>
<strong>Carapace Story</strong> - Carapace Homes is driven by a passion to build the perfect house for your family. We feel that the home represents a protective shell, a shelter for families; it's where living happens. 
<a class="box-link" title="Carapace Story" href="http://carapacehomes.com/?page_id=13"><em>more...</em></a> 
</div>

0 个答案:

没有答案