2012-09-06 31 views
0

我有一個div,點擊時,增加高度,反之亦然。裏面的div是一個RSS提要捕手。問題在於,當Div被擴展時,RSS Feed上的鏈接被點擊,Div簡單地崩潰而不是跟隨鏈接。我想鏈接在我的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

[event.stopPropagation()](http://api.jquery.com/event.stopPropagation/) – Ohgodwhy

回答

0

如果可以的話,從擴大區域打破了你的toggler。 我會做這樣的

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

+0

@ThanGill感謝您的答覆。我嘗試了你陳述的方式,但不幸的是無法讓RSS捕獲器在列表中正常工作,但想到了將隱式內容與開關器分離的概念,並提出了一個非常簡單的解決方案,效果很好。我所做的只是將第2行中的#divright改爲「#divright h2,#divright h1」,並將「graphic design news」和「click to enlarge」div內容更改爲H1和H2標籤(我借用的技術你提供的代碼)。謝謝你的幫助 :) – Visiophobia