problema con menu jquery hola, espero que puedan ayudarme: estoy a punto de terminar mi web, pero me falta un detalle en el menu (lo descargue de un tutorial), quiero que al hacer click tanto en la imagen como en los textos me cargue lo solicitado, pero solo lo hace desde los textos, he probado muchas cosas y no lo puedo resolver.
Esta es mi web: www.800pixeles.com.ar
y este es el código de un botón (cargo todo externamente):
//////////////////////////////////////////////////////
ANIMACIÓN DEL MENÚ (HEAD)
(botón experiencias)
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#sdt_menu > li').bind('mouseenter',function(){
var $elem = $(this);
$elem.find('img')
.stop(true)
.animate({
'width':'160px',
'height':'160px',
'left':'0px'
},500,'easeOutBack')
.andSelf()
.find('.sdt_expe')
.stop(true)
.animate({'top':'110px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)
.animate({'height':'70px'},400,function(){
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
var left = '160px';
if($elem.parent().children().length == $elem.index()+1)
left = '-160px';
$sub_menu.show().animate({'left':left},300);
}
});
}).bind('mouseleave',function(){
var $elem = $(this);
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length)
$sub_menu.hide().css('left','0px');
$elem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},400)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},500)
.andSelf()
.find('.sdt_expe')
.stop(true)
.animate({'top':'25px'},600);
});
});
////////////////////////////////////////////////////////////////////////
FUNCIÓN PARA CARGAR CONTENIDO (carga en un div llamado show) (HEAD)
<script type="text/javascript" src="carga.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul.sdt_menu li span.sdt_expe").each(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$(this).click(function(){
$("#show").load("curri/curri.html");
});
});
});
</script>
///////////////////////////////////////////
Y ACA LO QUE VA EN AL BODY
<div class="content">
<h1 class="title">menu</h1>
<ul id="sdt_menu" class="sdt_menu">
<li>
<a href="#">
<img src="images/1.png" alt="" width="140" height="140"/>
<span class="sdt_active"></span>
<span class="sdt_expe">
<span class="sdt_link">Rigonatto M.</span>
<span class="sdt_descr">Experiencias</span>
</span>
</a>
</li>
////////////////////////////////////////////////////
Espero que me hallan interpretado, o sea el "sdt_expe" es el que hace cargar los contenidos, pero yo quiero que al contenido tambien lo cargue cuando aprieto la img, desde muchas gracias.
