我可以根據孩子的活動班級來選擇元素的父母嗎？

-1

我已經修改了手風琴以適合我的頁面作爲固定聯繫表單，當您單擊手風琴選項卡時，表單滑動到右側。這一切工作正常。該標籤雖然對頁面有點大，但我想將它縮小一些，反映一個文件標籤。我已經想出瞭如何重新調整標籤本身的大小，但我需要做的是取消父項的背景顏色，因爲它位於標籤正下方。我可以根據孩子的活動班級來選擇元素的父母嗎？

Here is a fiddle to show what I mean

標籤的紫色部分是彩色的我想保留，黑色是我要帶走的東西。我面臨的問題是，當我拿走標籤的黑色時，它也會在內容打開時帶走內容的顏色。

有一個在我認爲可以幫助手風琴一個顯着的類，當你打開選項卡，然後將其關閉，一類（級=「崩潰」）生成並添加到錨標記，像這樣：

<div class="contact"> 
     <div class="panel-group" id="accordion"> 
      <div class="panel panel-default"> 
       <div class="panel-heading"> 
        <h4 class="panel-title"> 
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapsed"> 
         Contact Us 
        </a> 
        </h4> 

       </div> 
       <div id="collapseOne" class="panel-collapse collapse"> 
        <div class="panel-body"> 
         <!--form goes here--> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

隨着背景顏色我想刪除在<div class="panel panel-default"></div>有沒有一種方法，我可以刪除它的錨標記添加的類是它的孩子？

From this

這樣：

to this:

來源

2014-09-05 user2596635

http://api.jquery.com/parent/ – Blunderfest 2014-09-05 18:18:43

現在更清楚，但我刪除了我的答案，因爲它沒有做你想要達到的目標。 – Dan 2014-09-05 19:13:02

Oki，謝謝你的嘗試，但：D – user2596635 2014-09-05 19:16:12

你不需要去爲別的，或者他們不需要做太多複雜。只要改變CSS如下：

.panel.panel-default { 
background-color: transparent; 
} 
.panel-default .panel-body { 
background:#000; 
}

Fiddle。

如果您希望在展開時用顏色填充面板標題，請使用jquery。

$('#myCollapsible').on('shown.bs.collapse', function() { 
// do something… add css background etc. 
}); 

$('#myCollapsible').on('hidden.bs.collapse', function() { 
// do something… remove css background or set to transparent etc. 
});

來源

2014-09-05 19:24:52 Ravimallya

我可以根據孩子的活動班級來選擇元素的父母嗎？

回答

相關問題