jquery切换仅适用于部分div

-1

看来它不包括技能。

<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>

的JavaScript：

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

这里有一个例子： http://jsfiddle.net/ohadpartuck/R2cEd/

来源

2012-09-25 WebQube

那么它不会。技能部分不在被隐藏的部分内。 –

解释你的问题，在你的链接切换到#ResumeKnowledge，但这个div不包括技能列表。 –

您的代码按预期工作。您仅在ID为ResumeKnowledge的部分应用切换。 – Anoop

技能没有选择，因为你还没有列入他们只是包括他们

工作拨弄http://jsfiddle.net/swamimayank/ghQxp/或http://jsfiddle.net/swamimayank/hNKpq/

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

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


    }); 
});

来源

2012-09-25 12:37:52

为什么投票小提琴工作？ –

Downvote巨魔。 –

它不是我，但我想因为你忘记了ID var（未使用） –

因为我认为你的代码是打算重新用于其他盒子，其他答案不会真正帮助你。

我所做的是在技能部分添加了一个ID，并添加了到ID的第一部分的JavaScript将从您点击的div中获取，但我添加了该字技能到最后，所以它也会隐藏起来。

当然HTML

<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>

的JavaScript

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

});

的jsfiddle http://jsfiddle.net/R2cEd/10/

来源

2012-09-25 13:02:27

jquery切换仅适用于部分div

回答

相关问题