Question

我有一个事件列表，我正在尝试做的是，当用户点击其中一个事件时，事件名称框将展开，事件的描述应显示在事件名称下，但目前它只是关闭下一个事件。

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

希望你能帮助我。

最好的问候，
马丁

Answer 1

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

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

演示：Fiddle

Answer 2

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

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

Answer 3

使用 .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()

Demo

jquery slideToggle不起作用

3 个答案: