切換底色顏色的jQuery手風琴

我有執行相同的CSS風格，是在一個JavaScript的切換控制使用不同的JQuery手風琴控制切換底色顏色的jQuery手風琴

的切換控制 - 使用有點麻煩這是風格，我需要：http://jsfiddle.net/NinjaSk8ter/yXNmx/

Accordian Control- http://jsfiddle.net/NinjaSk8ter/nCsm5/ 這是我需要應用樣式的Accodian控件。

具體來說：當你點擊一個切換鏈接時，你會看到灰色的標題出現。對於始終顯示灰色標題的Accordian Control。這應該只在點擊時纔會出現，與切換控件的情況一樣。

這種行爲可以在這裏看到：http://jsfiddle.net/NinjaSk8ter/yXNmx/

其他風格，我需要複製的每個問題之間的間距量。 Padding是否足以包裝Anchor標籤的類？無論何時我爲這個課程添加頂級保證金，Accordian中都有抖動。

對於手風琴，我已經爲封裝了定位標籤的DT元素添加了class =「factterm」。

我已將此添加到手風琴：http://jsfiddle.net/NinjaSk8ter/nCsm5/

<body> 
    <div id="galColumn"> 
     <div class="contentbox"> 
      <dl> 
       <dt class="factterm"> 
       <a id="A1" href="javascript://" class="questionLink">Question1</a> 
       </dt> 
       <dd id="1" class="answer"> 
        <div class="indent-box"> 
         Answer1 
        </div> 
       </dd> 
       <dt class="factterm"> 
       <a id="A2" href="javascript://" class="questionLink"> 
        Question2</a>      
       </dt> 
       <dd id="2" class="answer"> 
        <div class="indent-box"> 
         Answer2 
        </div> 
       </dd> 
      </d1> 
     </div> 
    </div> 
    </body> 

.indent-box 
{ 
padding: 5px; 
} 
.factterm 
{ 
/*margin-top: 2px;*/ 
padding: 2px 5px 0; 
/*width: 525px;*/ 
} 
#accordion .handle 
{  
width: 260px;  
height: 30px;  
background-color: orange; 
} 
#accordion .section 
{  
width: 260px;  
height: 445px;  
background-color: #a9a9a9;  
overflow: hidden;  
position: relative; 
}

有人把前面提到的，我需要添加JavaScript以去除具有被設置背景顏色的背景屬性BG類。

<html> 
<head> 
    <title></title> 
    <style type="text/css" media="screen"> 
     dt{ background-color: #ccc; } 
     dd { height: 100px; } 
    </style> 
</head> 
<body></body> 
</html>

來源

2011-03-15 Paul

在風格塊取出DT背景風格：dt{ background-color: #ccc; }
添加該類.active {background:#a9a9a9}
爲了切換活動類，此行添加到您的點擊功能$(this).addClass('active').siblings().removeClass('active');

您可以在此查看實際示例：http://jsfiddle.net/pratie/xGwpk/

來源

2011-03-17 19:08:13 Tom

您的答案似乎解決了切換背景顏色的樣式問題。 jsfiddle.net/Jv8Ta – Paul 2011-03-18 02:58:38

切換底色顏色的jQuery手風琴

回答

相關問題