0

イベントのリストがあり、私がやろうとしていることは、ユーザーがイベントの 1 つをクリックすると、イベント名ボックスが展開され、イベントの説明がイベント名の下に表示されるはずですが、現在代わりに次のイベントを閉じるだけです。

これが私のjqueryコードです：

jQuery(document).ready(function() {
            jQuery('.event_hide').hide();
            jQuery('.eventr').css('cursor', 'pointer').click(function() {
                var $this = $(this);
                $this.next("div").slideToggle(500);
            });
        });

フィドルへのリンクは次のとおりです。http://jsfiddle.net/9Cxx2/76/

あなたが私を助けてくれることを願っています。

よろしく、
マーティン

4

3 に答える 3

1

探しているもの クリックされた要素の次の兄弟ではなく、子孫要素です。.next( )の代わりにfind()eventrを使用してください

$this.find(".event_hide").slideToggle(500);

デモ:フィドル

于 2013-10-22T07:25:14.643 に答える
0

使用する必要があります$this.find(".event_hide").slideToggle(500);

コード: http://jsfiddle.net/9Cxx2/77/

于 2013-10-22T07:26:59.850 に答える
0

.next("div") の代わりに .find ( " .event_hide")を使用します。

jQuery(document).ready(function () {
    jQuery('.event_hide').hide();
    jQuery('.eventr').css('cursor', 'pointer').click(function () {
        var $this = $(this);
        $this.find(".event_hide").slideToggle(500);
    });
});

find()を読む

デモ

于 2013-10-22T07:27:42.110 に答える