Question

我有两个按钮，显示两个不同的元素。当我点击第一个按钮时显示FIRST。当我点击第二个按钮时显示SECOND，但FIRST也可见。我想要发生的是当点击第二个按钮时FIRST应隐藏并显示SECOND。

代码：

＆＃13;

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Simple Collapsible</h2>
  <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#first">Simple collapsible</button>
  <div id="first" class="collapse">
      FIRST
  </div> 
<br>
 <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#second">Simple collapsible</button>
  <div id="second" class="collapse">
     SECOND
  </div>
</div>

</body>
</html>

＆＃13;

Answer 1

当目标获得$('class1').click(function () { $('yourDropDowmID').hide(); }时，会添加in类。因此，只需在collapsed添加click event并在button元素上使用removeClass，然后移除名为.collapse的类。这样就可以了。

＆＃13;

in

＆＃13;

$('button').on('click',function(){
    $('.collapse').removeClass('in');
 });

＆＃13;

Answer 2

在JQuery中使用此

struct ode
{
    double param;
    ode( double param ) : m_param( param ) {}

    void operator()( state_type const& x , state_type& dxdt , time_type t ) const 
    {
        // your ode
    }
};

integrate_const( stepper {} , ode { 0.1 } , x , t_start , t_end , dt , observer );

这应隐藏您之前打开的可折叠文件，并为其他类执行此操作，只需重复此操作，但添加相应的类或ID名称

希望这有助于：）

在bootstrap中使用Collapsibles

2 个答案: