Javascript 使整个标题部分的手风琴点击

Javascript 使整个标题部分的手风琴点击,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,目前我使用的手风琴是这样的,我可以点击图标箭头来展开/折叠它 $'[data toggle=collapse]'。单击函数{ $this.children.glyphicon.toggleClassglyphicon-chevron-up glyphicon-chevron-down; }; 实际内容在这里 只需将此添加到css中 .accordion-toggle{ display: block; } 只需将此添加到css中 .accordion-toggle{ display

目前我使用的手风琴是这样的,我可以点击图标箭头来展开/折叠它

$'[data toggle=collapse]'。单击函数{ $this.children.glyphicon.toggleClassglyphicon-chevron-up glyphicon-chevron-down; }; 实际内容在这里
只需将此添加到css中

.accordion-toggle{
   display: block;
}

只需将此添加到css中

.accordion-toggle{
   display: block;
}

使面板标题的锚定具有块显示

比如说,

.panel-title a {
    display: block;
}

希望这能有所帮助。

将面板标题的锚定设置为块显示

比如说,

.panel-title a {
    display: block;
}

希望这有帮助。

只是一个简单的css案例,让a成为一个块,并使用填充填充标题:

.accordion-toggle {
  display: block;
  padding: 10px 15px;
}

.panel-heading {
   padding: 0;
}

只是一个简单的css案例,让a成为一个块并使用填充填充标题:

.accordion-toggle {
  display: block;
  padding: 10px 15px;
}

.panel-heading {
   padding: 0;
}

生成一个有效的小提琴链接。@Nathall添加的答案添加为下文生成一个有效的小提琴链接。@Nathall添加的答案添加为下文只是为了以防万一,在添加更多css时,您不希望在某个时候覆盖该功能!重要的只是覆盖你提到的内容。因此,最好避免不必要地强制它。以防万一,在添加更多css时,您不会希望在某个时候覆盖该功能!重要的只是覆盖你提到的内容。因此,最好避免不必要的强制。好答案-从父元素中删除填充并将其添加到锚元素是一个好选项-整个标题将变为可点击。好答案-从父元素中删除填充并将其添加到锚元素是一个好选项-整个标题将变为可点击可点击。