2011-12-20 51 views
0

好吧,我將繼續提交我將如何執行此操作...因爲我不希望修補一個糟糕的代碼塊。下面是我試圖做的:我使用PHP來輸出一些div。第一個div生成一組相應的div。整個想法是,當第一個div被點擊時,相應的div滑落。我迄今爲止的嘗試都沒有成功。我猜這個ID將不得不與另一個div的類或其他影響的東西相對應。我一直在烘烤這一段時間。任何幫助真的很感激!點擊一個動態生成的div,打開另一個動態生成的Div

回答

1

首先,順應這種結構:

<div class="main" rel="foo">Content</div> 
<div class="main" rel="foo2">Content 3</div> 
<div class="main" rel="foo3">Content war</div> 

<div id="foo">Content</div> 
<div id="foo2">Content</div> 
<div id="foo3">Content</div> 

而現在,你可以使用一個簡單的jQuery:

$(document).ready(function() { 
    $('.main').click(function() { 
     var opener = $(this).attr('rel'); 
     $('#' + opener).slideToggle(); 
    }); 
}); 
+0

我已經試了又試這個......似乎並不奏效。還創建了一個jsFiddle:http://jsfiddle.net/NeabM/2/ – user791187 2011-12-20 23:08:33

+0

我很抱歉,看到這[[小提琴](http://jsfiddle.net/NeabM/3/)應該'attr'不是' href' doh! – Indranil 2011-12-20 23:12:32

+0

你真是太棒了! =)非常感謝你! – user791187 2011-12-21 01:34:23