事業部過渡

Question

我與這個小提琴，我發現這是非常接近我所試圖做打轉轉：

http://jsfiddle.net/5N3YK/20/

的唯一的事情是，當我試圖改變section標籤到div標籤它打破了，我也想div的褪色，而不是幻燈片。

總是非常感謝幫助！

Answer 1

嘗試 - http://jsfiddle.net/UDt7q/21/

(function($) { 
    $.fn.Fader = function() { 
     this.each(function() { 
      $('a').bind('click', function(e) { 
       e.preventDefault(); 
       $("#hello div").fadeOut(); 
       $("#hello div" + $(this).attr('href')).fadeIn(); 
      }) 
     }); 
    } 
})(jQuery); 

Answer 2

更新小提琴：http://jsfiddle.net/UDt7q/22/

Answer 3

爲了實現所謂的 「出現」，你可以使用

$('.selector').fadeIn(); 

從jQuery的。同樣，您可以顯示（），隱藏（），淡出（）

Answer 4

這應該爲你工作： http://jsfiddle.net/5N3YK/23/

我改變了代碼的功能隱藏div而不是將它們推到頁面上，但這個想法是相同的。

section s現在是div s，它們會褪色而不是滑動。