Les cuento que el dia de hoy me decidí agregar jquery a mi sitio web, por lo tanto soy nuevo en esto.
El tema es que en mi sitio web tengo 4 divs que eventualmente hacen lo mismo, pero muestran información diferente.
Código HTML:
Ver original
<div class="panel"> <ul class="tabs" id="tabs"> </ul> <div class="paneles" id="paneles"> <div> //asdf1 </div> <div> //asdf2 </div> <div> <//asdf3 </div> </div> </div> <script type="text/javascript"> paneles("paneles", "tabs"); </script> </td> <td> <div class="panel"> <ul class="tabs" id="tabs2"> </ul> <div class="paneles" id="paneles2"> <div> //asdf4 <div> //asdf5 </div> <div> //asdf6 </div> </div> </div> <script type="text/javascript"> paneles("paneles2", "tabs2"); </script>
Como pueden ver hay unas listas, estas son porque estoy trabajando con un sistema de pestañas con css, pero no inclui el codigo css, porque no creo que sea relevante.
Mi problema es que deseo pasar solamente el parametro del DIV que estoy trabajando a la función jquery para que este efecto no se replique en los otros div, pero no funciona.
Aqui les muestro como hago este traspaso a la función.
Código Javascript:
Ver original
/*Este Codigo lo coloco despues de cada DIV*/ <script type="text/javascript"> paneles("paneles2", "tabs2"); </script> /*aqui recibo los parametros*/ $(document).ready( function paneles(panel, tab) { $(tab).click(function() { $(panel).hide(10, function() { $(this).show("slow"); }); }); });
Espero que me puedan ayudar.
Gracias