我可以根据孩子的活动班级来选择元素的父母吗？

-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

我可以根据孩子的活动班级来选择元素的父母吗？

回答

相关问题