jQuery捕获直接子类

我正在努力将点击事件（滑动切换）连接到拉斐尔绘制的下拉标题。我需要的是，当用户单击灰色框时，内容会从jQuery

slideToggle

下拉

下面是一个示例渲染下拉列表

我按班抓取

var title = $('.title'); //title div
var title_content = $('.title_content'); //title content div
var holder = $('.holder'); //holder div
var content = $('.content'); //content div

画图和文字换行（效果很好），但是当我连接点击事件时，我无法让它们正确连接。如果我的想法正确，这将为每个holding div在标题上创建一个click事件，以从下面滑出内容，或者至少这就是我要做的

$(holder).each(function() {
                    $(this).closest('.title').click(function() {
                        $(this).closest('.content').slideToggle('fast');
                    });

                });

下面是HTML的结构

<div class="holder">
        <div class="title">
            <div class="title_content" style="display: none;">
                Email Questions:
            </div>
        </div>
        <div class="content" style="display: none;">
            <p class="faqtitle">
                What type of email?</p>
            <div class="faqanswer">
                <p>
                    access the site.</p>
            </div>
            <p class="faqtitle">
                receive the email?</p>
            <div class="faqanswer">
                <p>
                    1 business day.</p>
            </div>
            <p class="faqtitle">
                email?</p>
            <div class="faqanswer">
                <p>
                    one-time email.</p>
            </div>
        </div>
    </div>

------------------------------------------------------- 答案是

$(title).each(function() {
      $(this).click(function() {
             $(this).next().slideToggle('fast'); 
      });

});

---

你可以这样做

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

并将每个

$('.title').each(function(){
   $(this).next().slideToggle('fast');
});

没问题；），很高兴帮助你！

$('.title').each(function(){
   $(this).next().slideToggle('fast');
});