ui bootstrap手风琴,使用按钮打开而不是标题
因此,使用正常的ui bootstrap手风琴打开标签,您可以选择标题;简单,看起来不错,效果很好。ui bootstrap手风琴,使用按钮打开而不是标题
但是,我想改变它,而不是使用标题打开每个部分,您需要按下按钮。所以,如果你有你的普通手风琴说3头,第一个当然是开放的,随着该部分的内容,还会有一个按钮,说下一个将打开下一个头的行。
我已经尝试从选项卡和可折叠部分结合的东西,但无济于事。
任何想法?
在第一个标题下的内容,你将需要以低于
<button type="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Next</button>
这里显示的属性添加一个按钮的拨弄:http://jsfiddle.net/of55299w/
虽然这不使用ui bootstrap或者angularjs,但它似乎可以解决我的问题。我会更新有关它是否适用于我的情况的详细信息。 – TaylorAllred 2014-12-02 21:41:51
非常有趣的是,它主要工作,我修改你的小提琴,以更好地适合我的需求,它在小提琴中很好用,但是当我实施网站时,我使用它将工作在第一次点击,然后在第二次然后单击它将打开最后一个面板,但不会关闭刚才的那个面板。有什么想法吗? http://jsfiddle.net/of55299w/2/ – TaylorAllred 2014-12-02 22:38:16
http://plnkr.co/edit/KcVqv5Jz80ZnGBiTultl?p=preview
主要事项
1)你必须保存你想要控制的手风琴的is-open状态
<accordion-group is-open="heading1.isOpen">
2)切换是开放与国家NG单击,或任何
<button class="btn btn-default btn-sm" ng-click="heading1.isOpen = !heading1.isOpen">Toggle 1</button>
这可能不是很清楚,但我希望下一个按钮是在同一区域中的内容这个标签,当它被按下时,它也会消失。 – TaylorAllred 2014-12-02 21:36:42