jQueryを使用したスライディングエフェクト

Question

下のリンクでどのように効果（スライド）を達成できますか？

http://www.indochino.com/customizations/display/1230898280?productAdded=1

どのように私はこれを設計するに行きますか？私はすべてのdivをお互いに整列させ、中心divまたは必要な幅でそれらを包みますか？

私はこれを達成するためにjQueryを使用したいと思います...私はWeb開発に新しいですと、作業の大半を行いますまともなプラグインがあります....

Answer 1

slideUpを使用している場合は、前述のようにここでは十分ではなく、jQuery UIパッケージは十分に開発され、文書化されています。それはあなたが探しているものとまったく同じです。

例えば、accordion demoをチェックアウト：

$('.accordion .head').click(function() { 
    $(this).next().toggle('slow'); 
    return false; 
}).next().hide(); 

Answer 2

はあなたが言及しているアプローチを使用することができます。同様のjQueryのプラグインの一覧についてはこちらをご覧ください：http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

Answer 3

あなたのリンクは動作しませんが、私はあなたがjquery.slideupやslidedown方法を探していると思う あなたもjqueryのCSSアニメーションで見ることができhttp://api.jquery.com/slideUp/