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

回答

相關問題