Tengo el siguiente codigo, esta dividido en dos columnas de lado izquierdo estan los links de registros y de lado derecho el formulario respectivo a cada registro.
Mi pregunta es la siguiente, como se pueden ocultar todos los formularios y que se muestre uno cuando se le de clic al respectivo registro
<div class="container">
<div class="row">
<div class="col-md-6">
<div id="tabs">
<ul class="nav nav-pills">
<li role="presentation"><a href="#tabs-1">Registro1</a></li>
<li role="presentation"><a href="#tabs-2">Registro2</a></li>
<li role="presentation"><a href="#tabs-3">Registro3</a></li>
</div><! --/tabs -->
</div><! --/col-md-6 -->
<div class="col-md-2">
<div id="tabs-1">
<h4>Registro1</h4>
<form id="t1" action="forma.php" method="post">
Red: <input type="text" id="red" name="red">
Codigo: <input type="text" id="codigo" name="codigo">
<input class="btn btn-theme" type="submit" value="Registrar" name="registro1FormSubmitted" >
</form>
</div><! --/tabs1 -->
<div id="tabs-2">
<h4>Registro2</h4>
<form id="t2" action="forma.php" method="post">
Nombre: <input type="text" id="nombre" name="nombre">
Color: <input type="text" id="color" name="color">
<input class="btn btn-theme" type="submit" value="Registrar" name="registro2FormSubmitted" >
</form>
</div><! --/tabs2 -->
<div id="tabs-3">
<h4>Registro3</h4>
<form id="t3" action="forma.php" method="post">
Onda: <input type="text" id="onda" name="onda">
Tipo: <input type="text" id="tipo" name="tipo">
<input class="btn btn-theme" type="submit" value="Registrar" name="registro3FormSubmitted" >
</form>
</div><! --/tabs3 -->
</div><! --/col-md-2 -->
</div><! --/row -->
</div><! --/container -->