0

我有一个事件列表，我想要做的是，当用户单击其中一个事件时，事件名称框会展开，事件的描述应该出现在事件名称下，但目前它只是关闭下一个事件。

这是我的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

你在找什么它是一个后代元素而不是单击eventr元素的下一个兄弟，使用find()而不是.next()

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

演示：小提琴

于 2013-10-22T07:25:14.643 回答
0

使用.find(".event_hide")代替.next("div")像，

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 回答
0

你必须使用$this.find(".event_hide").slideToggle(500);

代码：http: //jsfiddle.net/9Cxx2/77/

于 2013-10-22T07:26:59.850 回答