我希望我的 div 中带有动画切换高度的链接可以点击答案

【问题标题】：I want links inside my div with animated toggle height to be clickable我希望我的 div 中带有动画切换高度的链接可以点击
【发布时间】：2012-09-07 01:49:42
【问题描述】：

我有一个 div，当点击它时，高度会增加，反之亦然。 div 内部是一个 RSS 提要捕获器。问题是，当 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 提要上的链接，同时还能保留以某种方式折叠面板的能力。

谢谢:)

【问题讨论】：

event.stopPropagation()

标签： javascript jquery hyperlink jquery-animate height

【解决方案1】：

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

<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/

【讨论】：

@ThanGill 感谢您的回复。我尝试了您所说的方式，但不幸的是无法让 RSS 捕获器在列表中正常运行，但考虑了将切换器与隐藏内容分开的概念，并提出了一个非常简单且效果很好的解决方案。我所做的只是将第 2 行中的“#divright”更改为“#divright h2，#divright h1”，并将“平面设计新闻”和“点击放大”div 内容更改为 H1 和 H2 标签（我借用的一种技术）您提供的代码）。感谢您的帮助:)