ocultar o mostrar div con java

r1krdo_7 · #1 (**permalink**) 05/06/2016, 14:23

sinceramente amigos soy novato en php tengo este problema me gustaria que porfavor me hecharan una mano si es posible ok tengo un index donde tengo un menu con varios botones los cuales al clickear muestran un formulario entonces lo que me ocurre es que cuando clickeo "agregar productos" de los botones del menu me muestra el 1er formulario pero cuando clickeo "solicitar" me muestra el anterior formulario de agregar producto y tambien el de solicitar en vez de borrarme la anterior vista y mostrarme el formulario de solicitar

Código:

  </head>
  <body>
  <div class="row">
    <div class="col-xs-3"><img src="img/banner.png" width="1030" height="81" alt=""/></div>
  </div>
  <p></p>
  <p>&nbsp;</p>
  <div align="right" class="container">
	<div class="container">
	  <div role="tabpanel">
	    <ul class="nav nav-tabs" role="tablist">
	      <li class="active"><a href="#agregar" data-toggle="tab" role="tab">Agregar Productos</a></li>
	       <li class="dropdown"><a href="#home2" name="tabDropOne1" class="dropdown-toggle" id="tabDropOne1" role="tab" data-toggle="dropdown">Consultar inventario de lineas<b class="caret"></b></a>
	        <ul class="dropdown-menu" role="menu" aria-labelledby="tabDropOne1">
	          <li><a href="#Linea1" tabindex="-1" data-toggle="tab">Linea 1</a></li>
	          <li><a href="#Linea2" tabindex="-1" data-toggle="tab">Linea 2</a></li>
              <li><a href="#Linea3" tabindex="-1" data-toggle="tab">Linea 3</a></li>
	          <li><a href="#Linea4" tabindex="-1" data-toggle="tab">Linea 4</a></li>
            </ul>
          </li>
          <li><a href="#solicitar" data-toggle="tab" role="tab">Solicitar</a></li>
        </ul>
        <div id="tabContent1" class="tab-content">
        	<p>Sistema de inventario<b> aaa</b></p>
            <p>&nbsp;</p>
        </div>
        <div id="tabContent1" class="tab-content">
	      <div class="tab-pane fade" onClick="mostrar(this.value)" id="solicitar">
          <div class="col-xs-3">prueba</div>
          <div class="col-xs-3"><input name="NombreDelProducto" type="text" class="form-control" id="NombreDelProducto"></div>
          </div>
          <div class="container" align="center"</div>
        <div class="tab-pane fade in active" onClick="mostrar(this.value)" id="agregar">
	        	<div class="container">

	<div class="container">
		<div class="row">
        	<div class="col-xs-3">Nombre del producto</div>
        	<div class="col-xs-3"><input name="NombreDelProducto" type="text" class="form-control" id="NombreDelProducto"></div>
      	</div>
	</div>
<p>&nbsp;</p>
	<div class="container">
		<div class="row">
        	<div class="col-xs-3">Tipo de producto</div>
        	<div class="col-xs-3"><input name="TipoDeProducto" type="text" class="form-control" id="TipoDeProducto" ></div>
      	</div>
	</div>
<p>&nbsp;</p>
  	<div class="container"></div>
  		<div class="row">
  		<div class="col-xs-12"><p align="center"><input class="btn btn-default" type="submit" value="Guardar"></p></div>
	</div>
</p>
	      <div class="tab-pane fade" id="Linea1">
	        <p>Dropdown content#1</p>
          </div>
	      <div class="tab-pane fade" id="Linea2">
	        <p>Dropdown content#2 </p>
          </div>
          <div class="tab-pane fade" id="Linea3">
	        <p>Dropdown content#3 </p>
          </div>
          <div class="tab-pane fade" id="Linea4">
	        <p>Dropdown content#4 </p>
          </div>
        </div>
      </div>
    </div>
    
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
	<script src="js/jquery-1.11.2.min.js"></script>
   
	<!-- Include all compiled plugins (below), or include individual files as needed --> 
	<script src="js/bootstrap.js"></script>
  	<script type="text/javascript">
	function mostrar(id) {
    if (id == "agregar") {
        $("#agregar").show();
        $("#solicitar").hide();
	}
	if (id == "solicitar") {
        $("#solicitar").show();
        $("#agregar").hide();
	}
	}
  </script>
  </body>
</html>

ese es el codigo coloque la function y no entiendo cual es el error que tengo he hecho de todo y no me hace lo que quiero porfavor agradezco su ayuda