jquery切换只在部分div上工作

我有一个关于jquery切换的问题

似乎不包括技能

<section class="ResumeItem">
      <header class="ResumeContentTitle" id="ResumeKnowledgeHeader">
          <p>Professional Knowledge</p>
      </header>
      <section class="skills">
           <header>
               <h3>Strong Skills</h3>
           </header>
           <ul>
               <li>PHP</li>
               <li>jQuery</li>
               <li>SQL</li>
               <li>Ajax</li>
               <li>HTML</li>
               <li>CSS</li>
            </ul>
      </section>

      <section id="ResumeKnowledge" class="ResumeContentText">
            <ul>
               <li>PHP – Expert Strong level. Worked with this technology for over a year.</li>
            </ul>
      </section>
</section>

以下是一个例子：

---

技能未被选中，因为您尚未包含它们，只需包含它们即可

工作小提琴

---

因为我认为你的代码是为了在其他框中重复使用，所以其他答案并不能真正帮助你

我所做的是将一个ID添加到技能部分，并将其添加到javascript中，ID的第一部分将取自您所做的单击的div，但我已将单词skills添加到末尾，因此它也将隐藏它

HTML

JSFIDLE

---

当然不会。技能部分不在隐藏的部分内。请解释您的问题，在链接切换中，已启用#ResumeKnowledge，但此div未包含技能列表。您的代码正在按预期工作。您仅在id为ResumeKnowledge的部分应用切换。您需要在问题中包含代码，以防JSFIDLE链接消失。不是我，但我认为，因为您忘记了id变量（未使用），我也没有否决，但您过度简化了OPs代码。他们的代码从被单击的div中获取ID，我假设这样他们就可以将其拆分为一个单独的函数，并将其用于许多div。

$(function(){
   $('.ResumeContentTitle').click(function(){
      var id = $(this).attr('id').split('Header');
      $('#'+id[0]).toggle("slow");
   });
});

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

      $(".skills ,.ResumeContentText").toggle("slow");


   });
});

<section class="ResumeItem">
                    <header class="ResumeContentTitle" id="ResumeKnowledgeHeader">
                        <p>Professional Knowledge</p>
                    </header>
                    <section class="skills" id="ResumeKnowledgeSkills">
                        <header>
                            <h3>Strong Skills</h3>
                        </header>
                        <ul>
                            <li>PHP</li>
                            <li>jQuery</li>
                            <li>SQL</li>
                            <li>Ajax</li>
                            <li>HTML</li>
                            <li>CSS</li>
                        </ul>
                    </section>

                    <section id="ResumeKnowledge" class="ResumeContentText">

                        <ul>
                            <li>PHP – Expert Strong level. Worked with this technology for over a year.</li>

                        </ul>
                    </section>
                </section>​

$(function(){
   $('.ResumeContentTitle').click(function(){
      var id = $(this).attr('id').split('Header');
      $('#'+id[0]).toggle("slow"); 
      $('#'+id[0]+'Skills').toggle("slow"); 
   });

});​