Twitter Bootstrap的折叠功能的标题编辑很难

如何获得展开/折叠功能的下列布局？Twitter Bootstrap的折叠功能的标题编辑很难

+ This is header having some text and links 
     This is item which was shown pressing + sign 
     This is another item...

Twitter Bootstrap具有的功能，但我不能编辑 Collapsible Group Item #1到仅仅是“+”号，并有经过正确的纯文本 /链接。

直播http://jsfiddle.net/c4jMh/2/问题出在哪里是可见的，同样的代码也在这里：

<div class="accordion" id="accordion2"> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"> 
     + 
     </a> 
     This line should be next to above '+' sign and here some example link to be reside on that line also <a href="http://jsfiddle.net/">jsfiddle.net</a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
    <div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
     Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner"> 
     Anim pariatur cliche... 
     </div> 
    </div> 
    </div> 
</div>

我试图使用引导程序上的web2py框架此事。

来源

2012-11-28 MJo

所以没有表，什么是HTML工作你用？ –

没有任何HTML，任何关于上下文，环境或平台的想法，这个问题是不可能回答的。尝试在帖子中编辑更多细节。 –

@Chris我添加了片段。希望现在有道理，谢谢。 – MJo

我也有解决方案来那里是格式化使用http://jsfiddle.net/c4jMh/4/

<div class="accordion" id="accordion2"> 
<div class="accordion-group"> 
    <div class="accordion-heading"> 
     <div class="accordion-toggle group-accordion-toggle"> 
      <a href="#collapseOne" data-parent="#accordion2" data-toggle="collapse" class=""><i class="icon-plus"></i></a> 
      <a href="http://jsfiddle.net/">jsfiddle.net</a> 
     </div> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse"> 
     <div class="accordion-inner">Anim pariatur cliche...</div> 
    </div> 
</div> 

<div class="accordion-group"> 
    <div class="accordion-heading"> 
     <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"><i class="icon-plus"></i>Collapsible Group Item #2 
     </a> 
    </div> 
    <div id="collapseTwo" class="accordion-body collapse"> 
     <div class="accordion-inner">Anim pariatur cliche...</div> 
    </div> 
</div>

$('.accordion').on('show hide', function(e) { 
$(e.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-plus icon-minus', 200);});

来源

2013-01-04 18:06:13 MJo

我修改了手风琴 - 标题使用表，以便它在单行中。不知道这是你想要的。

<div class="accordion" id="accordion2"> 
<div class="accordion-group"> 
<div class="accordion-heading"> 
    <table> 
     <tr> 
      <td><a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"><i class="icon-plus"></i></a></td> 
    <td> This line should be next to above '+' sign and here some example link to be reside on that line also<a href="http://jsfiddle.net/">jsfiddle.net</a></td> 
     </tr> 
    </table> 
</div> 
<div id="collapseOne" class="accordion-body collapse in"> 
    <div class="accordion-inner"> 
    Anim pariatur cliche... 
</div> 
</div> 
</div> 
<div class="accordion-group"> 
<div class="accordion-heading"> 
    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"> 
    Collapsible Group Item #2 
    </a> 
</div> 
<div id="collapseTwo" class="accordion-body collapse"> 
    <div class="accordion-inner"> 
    Anim pariatur cliche... 
    </div> 
    </div> 
    </div> 
</div>

来源

2012-12-18 09:38:06

对不起回复，直到现在@ abdullah-shaikh，错过了你的回复。是的，您的答案将会在http://jsfiddle.net/c4jMh/3/上进行测试，谢谢！ – MJo

Twitter Bootstrap的折叠功能的标题编辑很难

回答

相关问题