2012-07-11 78 views
1

我已經成功地得到這個工作有:故障排除jQuery的顯示/隱藏和嵌套的div

<!-- 
function resettoggle() { 
document.getElementById('imagecarousel').style.display = 'none'; 

} 

function displayImages() { 
       document.getElementById$('#imagecarousel').style.display="block"; 

      } 

    $('#imagecarousel').fadeIn("slow", function() { 
    // Animation complete 


    $('#portfolio').click(function() { 
    $("#imagecarousel").toggle(); 


}); 
}); 

--> 

和增加的onLoad =「resettoggle()」 body標籤

我現在只需要幫助有2件東西:

  1. 我已將div設置爲fadeIn,但它似乎以光速飛行。

  2. 頁面加載時,您會看到幻燈片在閃爍之前消失。不知道如何實現resettoggle函數的方式,使隱藏的div完全離開視圖?

回答

2

您可以使用fadeToggle()

顯示或隱藏動畫其不透明性匹配的元素。

$("#portfolio").click(function() { 
    $("#imagecarousel").fadeToggle("slow"); 
}); 
+0

應該做的伎倆,在這裏http://fiddle.jshell.net/tsegay/3baa3/檢查 – tkt986 2012-07-12 00:10:09

+0

我已經取得了一些進展,請參見上面的修改後的代碼。謝謝 – user1505573 2012-07-13 00:14:55