您好我有以下崩溃
<div class="row">
<div class="col-md-12">
<div class="tp_btm2">
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#summary" aria-expanded="false" aria-controls="summary">
Summary
</a>
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#products" aria-expanded="false" aria-controls="products">
Products/Services
</a>
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#service_areas" aria-expanded="false" aria-controls="service_areas">
Service Areas
</a>
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#web_links1" aria-expanded="false" aria-controls="web_links1">
Web Links
</a>
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#alert" aria-expanded="false" aria-controls="alert">
Alert
</a>
<a class="btn blue-button2 f16" role="button" data-toggle="collapse" href="#appointments" aria-expanded="false" aria-controls="Appointments">
Appointments
</a>
</div></div></div>
以及上述崩溃的相关div如下所示
<!-- start of product or services -->
<div class="collapse" id="products">
<div class="well">
<div class="pall2">
<p>Here you can tell the receptionist what products and services you provide.</p>
<div class="row">
<div class="col-md-2">
<h2 class="mtp0 clr-blu">Products</h2></div>
<div class="col-md-4 col-sm-8">
<div class="searchbar">
<form id="search-form-product" class="mtp4" action="" method="get">
<div class="form-group pull-left">
<input type="text" id="productsearch" class="form-control search-control" placeholder="Search">
</div>
<button type="submit" class="btn blue-button2 search-btn"><i class="fa fa-search"> </i></button>
</form></div><!--/.searchbar -->
</div></div>
<form class="form-horizontal" name="addProductForm" enctype="multipart/form-data" id="addProductForm" action="<?php echo base_url('callhandling/add_new_product')?>" method="post" autocomplete="off">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="Username">Name</label>
<input type="text" class="form-control" id="name">
</div></div>
</div>
<div class="row">
<div class="col-md-12">
<button type="submit" class="btn blue-button2 f16 tp_btm2" >Add Product</button>
</div>
</div>
</form>
<div class="row">
<div class="col-md-12">
<table class="table tablesorter tablesorter-default tp_btm2" id="myTable5">
<thead>
<tr class="tablesorter-headerRow">
<th unselectable="on" tabindex="0" class="tablesorter-header tablesorter-headerDesc" data-column="0"><div class="tablesorter-header-inner">Name</div></th>
<th unselectable="on" tabindex="0" class="tablesorter-header" data-column="4"><div class="tablesorter-header-inner">Action</div></th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem Ipsum</td>
<td>Lorem Ipsum</td>
</tr>
<tr>
<td>Lorem Ipsum 2</td>
<td>Lorem Ipsum 2</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr>
<div class="row">
<div class="tp_btm1">
<div class="col-md-12">
<p>Here you can tell the receptionist what products and services you provide.</p>
</div><!-- end mtp50 --></div></div>
<div class="row">
<div class="col-md-2">
<h2 class="mtp0 clr-blu">Services</h2></div>
<div class="col-md-4 col-sm-8">
<div class="searchbar">
<form id="search-form-services" class="mtp4" action="" method="get">
<div class="form-group pull-left">
<input type="text" id="sericessearch" class="form-control search-control" placeholder="Search">
</div>
<button type="submit" class="btn blue-button2 search-btn"><i class="fa fa-search"> </i></button>
</form> </div><!--/.searchbar -->
</div>
</div>
<form class="form-horizontal" name="addServicesForm" enctype="multipart/form-data" id="addServicesForm" action="<?php echo base_url('callhandling/add_new_services')?>" method="post" autocomplete="off">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label for="Username">Name</label>
<input type="text" class="form-control" id="name">
</div></div>
</div>
<div class="row">
<div class="col-md-12">
<button type="submit" class="btn blue-button2 f16 tp_btm2" >Add Service</button>
</div>
</div>
</form>
<div class="row">
<div class="col-md-12">
<table class="table tablesorter tablesorter-default mtp5" id="myTable6">
<thead>
<tr class="tablesorter-headerRow">
<th unselectable="on" tabindex="0" class="tablesorter-header tablesorter-headerDesc" data-column="0"><div class="tablesorter-header-inner">Name</div></th>
<th unselectable="on" tabindex="0" class="tablesorter-header" data-column="4"><div class="tablesorter-header-inner">Action</div></th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem Ipsum</td>
<td>Lorem Ipsum</td>
</tr>
<tr>
<td>Lorem Ipsum 2</td>
<td>Lorem Ipsum 2</td>
</tr>
</tbody>
</table>
</div>
</div>
</div></div>
</div>
<!-- end of product or services -->
当我点击产品搜索按钮时，我展开的div点击产品并服务其崩溃但我如何让它扩展我尝试了更多PLZ帮助我
我使用下面的jquery进行点击操作;
$('#search-form-product').submit(function (){
// alert('hello');
$('#products').click('');
// $(this).text('Colapse');
});
$('#search-form-services').submit(function (){
alert('bye');
$('#products').slideUp();
});