0

http://jsfiddle.net/studioband/pG87G/6/ このリンクは、私がデザインしている Web サイトの一部です。表示/非表示とスライドのトグルを機能させることができました。これは、「プロジェクト情報」または「購読」リンクをクリックすると表示されます。

問題は、同じトグル アニメーションで別の div が開いているときに、もう 1 つの div を閉じる必要があることです。関連するタイトルがリンクされている場合は、そのままにしておきたいと思います。「プロジェクト情報」は、現在行っているように、明らかにされた div を閉じます。

私は調査し、同様の問題を抱えた投稿を見つけましたが、jquery 1.7 以降で動作する適切なソリューションを見つけることができませんでした。

4

2 に答える 2

1

Hiyaデモ http://jsfiddle.net/PquXL/show または http://jsfiddle.net/PquXL/

私はここでチェーンを使用しています。

2 ドキュメント レディの使用は避けてください。

Jクエリコード

/* PROJECT REVEAL DIV*/
/* SUBSCRIBE REVEAL DIV*/
$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

        $(".slidingDiv_subscribe").hide();
        $(".show_hide_subscribe").show();

    $('.show_hide').click(function(){
        //$(this).toggle();
        $(".slidingDiv_subscribe").slideUp();
        $(".slidingDiv").slideToggle();
    });


    $('.show_hide_subscribe').click(function(){
        //$(this).toggle();
         $(".slidingDiv").slideUp();
        $(".slidingDiv_subscribe").slideToggle();
    });



});​
于 2012-05-16T03:03:17.213 に答える
0

イベントにバインドされた JavaScript 関数を記述します。

関数内で、非表示/表示する div 要素の ID を取得し、それを使用して適切なアクションを実行します。

于 2012-05-16T02:57:33.040 に答える