mouseover para mostrar div apropiado para el enlace

Necesito que cada enlace div haga el texto div apropiado para que aparezca en la parte inferior de la página. Lo tengo configurado parcialmente, pero quería saber si había una mejor manera de alinear este código con vapor.

 $(function () { $('#item1').hover( function () { $('#Tile1').fadeIn( 'fast' ); }, function () { $('#Tile1').fadeOut( 'fast' ); }); }); $(function () { $('#item2').hover( function () { $('#Tile2').fadeIn( 'fast' ); }, function () { $('#Tile2').fadeOut( 'fast' ); }); });   

GIS / Mapping

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id justo

Las Divs no están anidadas porque quiero que el texto siempre aparezca en la parte inferior de la página sin importar en qué enlace pases el cursor.

El $(function(){ ... } no necesita repetirse para cada función, y puede usar funciones como fadeToggle() para reducir la cantidad de código:

 $(function () { $("div[id^='item']").hover(function(){ var selector = '#Tile' + $(this).attr('id').replace('item', ''); $(selector).fadeToggle('fast'); }); }); 

Esto supone que sus ID están siempre en el formato: el item(N) asigna a Title(N) .

La segunda línea selecciona todos los elementos donde el ID comienza con el item y la línea que sigue selecciona el ID después del item y lo usa para seleccionar el

apropiado.

Si lo entiendo correctamente Desea mostrar el

contenido junto a div. puedes probar.

 $(function () { $('[id^=item]').hover(function(){ $(this).parent().next().fadeToggle(); }); });