2014-11-22 105 views
0

我想切换我的div与锚标记,但代码不起作用。请让我知道我在代码中犯了什么错误。滑动切换功能

jquery code 
$(document).ready(function() { 
    $('#status_1').click(function (e) { 
     e.preventDefault(); //to prevent default action of link tag 
     $(this).parent().next('.hide-show').slideToggle(); 
    }); 
}); 



    html code 

    <a href="#" id="status_1" class="bitcon"></a> 


    <div class="hide-show"> 
      Hellow world 
       </div> 
Css: 

.hide-show{ 
display: none; 
} 
+0

谢谢你所有的人尊敬的同胞我的问题解决了... – Mani 2014-11-22 20:01:19

回答

0

那么,你为什么把父母放在它? 这是锚我的朋友

如果你想用父然后

$(this).parent().find('.hide-show').slideToggle(); 
0

你的问题可能与这里的部分代码的兄弟:“$(本).parent()下一个”

你可以尝试简单:

$('.hide-show').slideToggle(); 

这将选择与类隐藏,显示您的股利和应用.slidetoggle();到它。

而不是你现在正在寻找的是具有类status_1的链接的父级,并找到下一个链接。

+0

谢谢先生,我的问题由于你的指导方针解决了... – Mani 2014-11-22 20:09:26

+0

嘿,如果这对你有帮助,考虑标记为正确答案,和/或up投票。谢谢。很高兴我能帮上忙。 – user3741085 2014-11-22 20:18:37

+0

先生只是让我知道一件事..如果我想要使用此代码加载多个div,那么我将如何使用此代码.. – Mani 2014-11-22 20:29:57