0

データベースのコンテンツを含む div があります。すべての div は、php を介して異なるコンテンツがエコーされてループするため、同じクラスを使用します。Smooth Div Scroll を使用したいのですが、問題なく動作させることができます (Fiddle を参照)。ただし、以下のスクリプトを追加すると、別の div がクリックされるまで div を非表示にできるようになりますが、動作しません。両方のスクリプトを使用するにはどうすればよいですか?

http://jsfiddle.net/2Hr4U/549/

<script type="text/javascript"> 
    $(document).ready(function(){
        $(".flip").click(function(){
            $(this).siblings(".panel").slideToggle("slow");
        });
    });
</script>

フィドルで.panel を設定していないことに注意してくださいdisplay:none;。最初にどのように機能するかを確認できます。そして最後に、明らかに、フィドルの div コンテンツは php を反映していません<?php echo $name; ?>。

更新 私のテストページではなく、フィドルでうまく機能します-そこに競合があります。

4

1 に答える 1

0

これがあなたの言いたいことだと思います：http://jsfiddle.net/2Hr4U/561/

$(".flip").click(function(){
    $(this).next(".panel").slideToggle("slow");
});

.next()基本的に の代わりに使用する必要があり.siblings()ます。もう 1 つの方法は、フリップ リンクとパネルの両方にクラス名を使用して、それらを結び付けることです。そうすれば、クリックするリンクの横にあるパネルの配置について心配する必要がなくなります。

于 2013-03-15T21:12:13.700 に答える