Jquery Accordion/Scrollto但需要淡入淡出？

我是一名平面設計師，但對於jquery來說，並不是最懂網絡的人！這是目前我的困境;我有一系列我想用手風琴打開的鏈接，並在順序列表中顯示圖像，滾動到導航到單擊的鏈接並淡入和淡出鏈接時單擊，這是我發現除了淡入之外，這是否： http://jsfiddle.net/Jaybles/6EWAF/Jquery Accordion/Scrollto但需要淡入淡出？

和繼承人一個鏈接顯示淡入淡出我是用相同的手風琴後，我只是想結合這兩種風格！ http://nekudacom.com/martimi/flash.html#

鏈接是的jsfiddle提供Dutchie432如果任何人能幫助我同時實現這兩個在一起，或有關使用放在一起的手風琴與scrollto和衰落的一個更好的辦法將是真棒！

這裏是我的HTML

<dt><a href="#"><h3><span class="redtext">/</span> yaya Photography</h3></a></dt> 

<dd style="display: none; opacity: 0;" class="closed"> 

<ul> 
    <li> <img src="images/yaya_spacing_white.png" alt="yaya_spacing_white" width="600" height="406" /></li> 
    <li><img src="images/yayaspacing_black.png" alt="yayaspacing_black" width="600" height="406" /></li> 
    <li><img src="images/yaya_logo.png" alt="yaya_logo" width="601" height="401" /></li> 
    <li><img src="images/yaya_typography.png" alt="yaya_typography" width="600" height="402" /></li> 
    <li><img src="images/yaya_business_colors.png" alt="yaya_business_colors" width="600" height="403" /></li> 
    <li><img src="images/yaya_buscab.png" alt="yaya_buscab" width="600" height="600" /></li> 
    <li><img src="images/yaya_papers.png" alt="yaya_papers" width="600" height="400" /></li> 
    <li><img src="images/yaya_usb.png" alt="yaya_usb" width="600" height="400" /></li> 
    <li><img src="images/yaya_website.png" alt="yaya_website" width="600" height="359" /></li> 
    <li><img src="images/yaya_website_home.png" alt="yaya_website_home" width="600" height="360" /></li> 
    <li><img src="images/yaya_website_contact.png" alt="yaya_website_contact" width="600" height="360" /></li> 
    <li><img src="images/yaya_website_gallery.png" alt="yaya_website_gallery" width="600" height="360" /></li> 
    <li><img src="images/yaya_shirts1.jpg" alt="yaya_shirts1" width="600" height="400" /></li> 
    </ul> 

</dd>

這裏是jQuery腳本

$(document).ready(function(){ 
    $("dd:not(dd.open)").hide(); 
    $("dt a").click(function(){ 
     if ($("dd:not:visible") .get()[0] !== $(this).parent().next().get()[0]) {   
      $("dd").fadeTo("fast", 0); 
      $("dd:visible").slideUp("slow"); 
      $(this).parent().next().slideDown("def"); 
      $(this).parent().next().fadeTo("def", 1); 
     } 
     return true; 
    });

來源

2011-04-22 user720033

'scrollto and fading'的手風琴是什麼意思？你想滾動點擊或更多？ – 2011-04-22 05:27:07

嗨@experimentX我的願望是讓滾動效果如上面的Jfiddle鏈接中所示我已更新以顯示我的HTML和腳本，如果這更有幫助。 – user720033 2011-04-23 19:17:32

使用change: function(event, ui) { ...}或changestart: function(event, ui) { ...} 定義當你打開手風琴發生了什麼。 ui.newContent`是一個帶有新打開的內容元素的jQuery對象。
查看完整文檔here（事件選項卡）

來源

2011-04-22 05:32:01

Jquery Accordion/Scrollto但需要淡入淡出？

回答

相關問題