Jquery选择问题

时间:2011-05-18 11:04:13

标签: jquery css-selectors

好的,我有:

<div class="catergory">
<div class="title">CATEGORY TITLE</div>
<div class="listing">
CODE FOR LISTINGS
</div>
</div>

我想要做的是,当你点击CATEGORY TITLE时,LISTINGS div向下滑动,我的问题是,当我在CATEGORY TITLE上放置一个点击事件时,我该如何选择那个div

我的JQuery代码是:

$('.title').click(function(){

$('.category > .listings',this).toggleSlide('slow');


});

现在,我知道这个问题与我选择正确元素的方式有关。

任何想法?

由于 尼尔

4 个答案:

答案 0 :(得分:3)

$('.title').click(function(){
    $(this).next('.listing').slideToggle('slow');
});

该方法也是slideToggle(),而不是toggleSlide()

jsFiddle

答案 1 :(得分:1)

$( '标题')。点击(函数(){     $(本)。接下来( '上市 ')的slideToggle(' 慢')。 });

答案 2 :(得分:0)

jQuery方法是slideToggle而不是toggleSlide。

答案 3 :(得分:0)

尝试在$(document).ready()函数中添加代码,因为只有在加载jquery之后才能执行Jquery代码。