bootstrap手风琴触发器从内部打开/关闭

时间:2015-09-09 20:32:59

标签: jquery twitter-bootstrap

我试图通过单击嵌套在里面的按钮来关闭引导面板。我知道它可能,只是无法达到范围。我已经调用崩溃类,我已经尝试显示并隐藏它 - 任何想法?

class Order < ActiveRecord::Base
  has_and_belongs_to_many :items
end

class Item < ActiveRecord::Base
  has_and_belongs_to_many :orders
end
$( "#button1" ).click(function() {
//close accordion 1 and open accordon 3
  $("#collapseTwo").collapse();
  $("#collapseThree").CollapseIn();
});

1 个答案:

答案 0 :(得分:0)

与预览答案相比,我更陷入崩溃,发现: 这是jQuery提供的崩溃事件中的更多方法 切换 显示 隐藏 setTransitioning dispose 。但是我不知道最后两个是什么。

enter image description here

将它们用作事件$(`#id`).collapse('show')中的第二个参数。

我还解决了更复杂的任务: 我有独立的组件,彼此不了解(两个表单集和提交按钮,请参见图片)。

enter image description here

我在提交按钮中放置了一个自定义事件触发器

    onSubmitHandler = (e) => {
      e.preventDefault();
      $(window).trigger(EVENT_SET_EXPEND_BEFORE_SUBMIT)
...

并添加了自定义事件监听器,以设置组件以在单击按钮时对其进行扩展(以改善用户体验)

function (props) {
  function onExpandSet(e) {
    $(`#id`).collapse('show')
  }
  $(window).on(EVENT_SET_EXPEND_BEFORE_SUBMIT, onExpandSet);
}