2013-10-29 36 views
0

我想在div上製作一個「滑入」工具箱。當div加載時,滑動內容一直移動到父級的右側,除了用戶可以點擊的位。然後,當他們點擊,滑動含量應在滑動如何隱藏某個元素在其父窗格外部(即向右滑動)時的隱藏元素?

我使用此功能在滑動輸入/輸出:

$(function() { 
$("#clickme").toggle(function() { 
    $(this).parent().parent().animate({right:'-40px'}, {queue: false, duration: 500}); 
}, function() { 
    $(this).parent().parent().animate({right:'-320px'}, {queue: false, duration: 500}); 
}); 

});

參見:http://jsfiddle.net/ySQgm/

然而,當滑動摺疊時,你仍然可以看到的股利之外的內容,但我希望它被隱藏在優雅然後滑動

回答

3

到#container的元素,加

overflow:hidden; 

這將只留下箭頭和邊緣可見。

+0

天才!真的很明顯!謝謝 – Ben

+0

沒問題,任何時候! –