2011-05-18 55 views
0

嘿大家 - 我試圖讓一個.toggle事件觸發,當我的用戶用「click-toggle」點擊一個id ..我可以不知道爲什麼這不起作用。這是代碼:使用一個ID和next/sibling事件創建多個OnClick jQuery動畫效果

<html> 
<head> 

<script> 
$(document).ready(function() { 
$('#click-toggle').click(function() { 
var clicked = $(this); 
$(clicked).parent().parent().next().toggle('blind',400); return false;}); }); 
</script> 

</head> 

<body> 

<div class="schedule-day-entry"> 
<div class="schedule-day-time"><p>10:00<reg>am</reg></p></div> 
<div class="schedule-day-description"><p><a href="#" id="click-toggle">Title</a></p> 
</div> 
<div class="schedule-day-more-info"><p>Description</p></div> 
</div> 

<div class="schedule-day-entry"> 
    <div class="schedule-day-time"><p>10:00<reg>am</reg></p></div> 
    <div class="schedule-day-description"><p><a href="#" id="click-toggle">Title</a></p> 
    </div> 
    <div class="schedule-day-more-info"><p>Description</p></div> 
</div> 

</body></html> 

任何想法? 在此先感謝!

+0

什麼元素應該切換? – Shauna 2011-05-18 16:56:37

回答

0

在單個網頁上不能有重複的id屬性。 id =「點擊切換」 我將它們改爲類。另外,嘗試.toggle('盲')沒有第二個參數。這似乎對我有用。還有一個很好的slideToggle()jquery函數。你確實記得附上jQuery文件嗎?

<script type="text/javascript" src="jquery.js"> 
+0

嘿Rubicksman,改變一個元素類做了伎倆。謝謝! – 2011-05-18 19:22:25

+0

我很樂意提供幫助。不要忘記點擊綠色支票接受你最喜歡的答案! – Rubicksman 2011-05-19 17:42:37