Hello Again...
Bueno os cuento que logre con un código de una libreria mas o menos lo que quiero...
Código HTML:
<h2>Productos HW</h2>
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-3">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-folder-close">
</span>Equipos TPV</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<table class="table">
<tr>
<td><span class="glyphicon glyphicon-pencil text-primary"></span><a href="http://www.jquery2dotnet.com">PosBANK</a></td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-flash text-success"></span><a href="http://www.jquery2dotnet.com">IGC</a></td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-file text-info"></span><a href="http://www.jquery2dotnet.com">PosLAB</a></td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com">Posiflex</a></td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com">SINOCAN</a> </td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com">IBM-TOSHIBA</a> </td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com">OKI</a></td>
</tr>
<tr>
<td><span class="glyphicon glyphicon-comment text-success"></span><a href="http://www.jquery2dotnet.com">ONPOS</a></td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><span class="glyphicon glyphicon-th">
</span>Modules</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Orders</a> <span class="label label-success">$ 320</span>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Invoices</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Shipments</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Tex</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><span class="glyphicon glyphicon-user">
</span>Account</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Change Password</a>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Notifications</a> <span class="label label-info">5</span>
</td>
</tr>
<tr>
<td>
<a href="http://www.jquery2dotnet.com">Import/Export</a>
</td>
</tr>
<tr>
<td>
<span class="glyphicon glyphicon-trash text-danger"></span><a href="http://www.jquery2dotnet.com" class="text-danger">
Delete Account</a>
</td>
</tr>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"><span class="glyphicon glyphicon-file">
</span>Reports</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
<table class="table">
<tr>
<td>
<span class="glyphicon glyphicon-usd"></span><a href="http://www.jquery2dotnet.com">Sales</a>
</td>
</tr>
<tr>
<td>
<span class="glyphicon glyphicon-user"></span><a href="http://www.jquery2dotnet.com">Customers</a>
</td>
</tr>
<tr>
<td>
<span class="glyphicon glyphicon-tasks"></span><a href="http://www.jquery2dotnet.com">Products</a>
</td>
</tr>
<tr>
<td>
<span class="glyphicon glyphicon-shopping-cart"></span><a href="http://www.jquery2dotnet.com">Shopping Cart</a>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
La idea mas o menos es esa... podeis verlo funcionar aqui: EJEMPLO[URL="http://onpos.es/product_item.html"]http://onpos.es/product_item.html[/URL]
Las pegas... Necesito un submenu mas... osea... un sub-submenu...
A esto hay que sumarle que cuando cambio de MENU1 la MENU2, el MENU2 se abre bien pero el MENU1 no se cierra... La idea es que solo haya una sola seccion activa... lo mismo en el caso de que hubiera un subsubmenu... si cambio de submenu que se contraiga el otro submenu.