gracias emprear, tu ejemplo es bueno pero tengo una página en la que uso 3 funciones jquery:
- 1ª: Ventana con distintas pestañas. Cada una contiene información diferente.
- 2ª: Una vez clicas en una pestaña se muestran 5 imágenes de 5 marcas. Al pasar el ratón por encima de una de ellas (hover), te muestra el nombre de la marca y una pequeña descripción. Con el $(this) accedo al nombre de dicha marca y descripcion para mostrarla en dos etiquetas <p>
Y cuando le das a clic a una de las 5 imágenes, te aparecen debajo los 7 productos de cada marca. La idea es evitar página intermedias.
Código:
var $descripcionMarca = $(this).children('span#descripcionMarca').text();
$('p#show_descripcionMarca').text($descripcionMarca );
El span#descripcionMarca (como comentas emprear) no es único, cada una de las 5 marcas comparten el mismo ID para no tener que copiar x 5 la misma función de jquery:
Código:
<li class='tab_marcasDistribuidor'>
<a href="#distribuidor5">
<img class="" src="image.jpg" alt="logoNike"/>
<span id="Marca">Nike</span>
<span id="descripcionMarca">Material deportivo. Todos los deportes. Just Do It.</span>
</a>
</li>
Y en esta, siguen habiendo las pestañas, debajo las 5 marcas (con el texto y la descripción visibles de la marca que hemos seleccionado) y debajo los 7 productos de la marca. Cuando pasamos por encima de un producto (hover), vuelve a aparecer otro texto y es aquí donde está el problema. Dicho hover hace que pierda el nombre y la descripcion antes cargadas arriba.
He puesto parte de código y jquery en otro .asp para despues incluirlo en el .asp principal pero el problema persiste.
Subiría los ficheros pero no he podido :(