我希望我的div中的链接具有动画切换高度可点击

时间:2012-09-06 16:59:19

标签: javascript jquery hyperlink jquery-animate height

我有一个div,当点击时,身高会增加,反之亦然。 div内部是一个RSS feed捕获器。问题是,当Div被扩展,点击RSS源上的链接时,Div只会折叠而不是跟随链接。

以下是代码:

$(document).ready(function(){
$("#divright").toggle(function(){
$("#divright").animate({
height:640,
borderBottomWidth: "0px"},500);
},function(){
$("#divright").animate({
height:45,
borderBottomWidth: "1px"},500);    
});
});

和链接(图形设计新闻位)

http://flatpack.site90.com/About%20Flatpack.html

如何对其进行排序以便我可以单击RSS源上的链接,还可以保留以某种方式折叠面板的功能。

谢谢:)

1 个答案:

答案 0 :(得分:0)

如果可以,请从扩展区域中分离出切换器。 我会这样做

<div class="wrapper">
    <h2 class="toggler">Toggler</h2>
    <ul>
        <li>News</li>
    </ul>
</div>​


$(".wrapper h2.toggler").click(function(){
    var $ul = $(this).next();
    $ul.toggle("slide");
});​

http://jsfiddle.net/wz2Gt/15/