Question

大家。我的网站上有价格表问题。继承人的网址：

http://auto2000.waw.pl/cennik/

如果点击“Przebieg”打开服务和价格清单。当你点击它时 - 隐藏。

然而，如果你先点击“Przebieg”然后再点击“Okres oksplatacji”（或其他位置），就是“Przebieg”不会隐藏。

问题出在哪里？我不知道。

来自左栏的代码：

filterOptions: [] = [];

toggleFilter(value: any) {

    let index = this.filterOptions.indexOf(value);

    if (index > -1) {
      this.filterOptions.splice(index, 1);
    } else {
      this.filterOptions.push(value);
    }

    return this.filterOptions;
}

get filterFormat() {
   console.log('call filterFormat');
   return this.filterOptions.map(res => res);
}

来自boostrap.js的代码js没有以任何方式处理。我用这个js规则 http://getbootstrap.com/javascript/#collapse

Answer 1

我创建了 JSfiddle ，显示了我评论过的算法：

if (child is visible){
   hide the child
} else {
   hide all the others
   show your child
}

但如果你坚持使用Bootstrap，你应该看到this question's的最佳答案。

Answer 2

我认为这不是一个问题，bootstrap的崩溃并不是通过点击任何其他地方来隐藏，而只是在一个带有数据切换=＆＃34;崩溃＆＃34;属性。

您可以使用以下内容：

$("body:not(*LIST_OF_SERVICES_AND_PRICES*)").click(function() {
    $("*LIST_OF_SERVICES_AND_PRICES*").slideUp(250);
});

Boostrap js崩溃不要隐藏

2 个答案: