JQuery可摺疊標籤問題？

-2

我是相當新的JQuery和由於某種原因，當我添加另一個id選擇器像id="a"我的<div id="tab-1" class="form-content">我的collapsible選項卡不會工作我如何解決這個問題，所以我可以有多個id選擇器和我的collapsible選項卡也將工作？JQuery可摺疊標籤問題？

這裏是JQuery。

$(document).ready(function() { 

    //When page loads... 
    $(".form-content").hide(); //Hide all content 
    var firstMenu = $("#menu ul li:first"); 
    firstMenu.show(); 
    firstMenu.find("a").addClass("selected-link"); //Activate first tab 
    $(".form-content:first").show(); //Show first tab content 

    //On Click Event 
    $("#menu ul li").click(function() { 

     $("#menu ul li a").removeClass("selected-link"); //Remove any "selected-link" class 
     $(this).find("a").addClass("selected-link"); //Add "selected-link" class to selected tab 
     $(".form-content").hide(); //Hide all tab content 

     var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the selected-link tab + content 
     $(activeTab).fadeIn(); //Fade in the selected-link ID content 
     return false; 
    }); 

});

這裏是HTML。

<div id="body-content"> 

     <div id="menu"> 
      <ul> 
       <li><a href="#tab-1" title="">tab 1</a></li> 
       <li><a href="#tab-2" title="">tab 2</a></li> 
       <li><a href="#tab-3" title="">tab 3</a></li> 
       <li><a href="#tab-4" title="">tab 4</a></li> 
       <li><a href="#tab-5" title="">tab 5</a></li> 
      </ul> 
     </div> 


     <div id="container"> 

      <div id="a" id="tab-1" class="form-content"> 
       <p>tab 1</p> 
      </div> 

      <div id="b" id="tab-2" class="form-content"> 
       <p>tab 2</p> 
      </div> 

      <div id="c" id="tab-3" class="form-content"> 
       <p>tab 3</p> 
      </div> 

      <div id="d" id="tab-4" class="form-content"> 
       <p>tab 4</p> 
      </div> 

      <div id="e" id="tab-5" class="form-content"> 
       <p>tab 5</p> 
      </div>  

     </div> 

    <div>

來源

2010-03-05 NeedHeLp

你不能給一個元素2個不同的「id」值。很難知道你想要達到什麼目標。

舉個元素不止一個「階級」的值，用空格分隔值：

<div id='x' class='something something-else and-another-class whatever'>

來源

2010-03-05 08:14:49 Pointy

甚至當我試圖給一個元素2個不同的'class'值它不會工作無論是。 – NeedHeLp 2010-03-05 08:16:46

目前還不清楚你想要做什麼。 – Pointy 2010-03-05 08:18:06

一個選擇器用於css，另一個用於選項卡正常工作 – NeedHeLp 2010-03-05 08:18:48

你有2個ID屬性。標籤中不能有2個id屬性。正如你有一個和B作爲第一個ID，我認爲它是首先找到你的標籤定義。

如果你需要一個和b我建議把它們作爲一個類的屬性和使用$選擇它（「一」）

來源

2010-03-05 08:22:51

JQuery可摺疊標籤問題？

回答

相關問題