Hola, resulta que tengo una web (wwwpuntoinvesthogarpuntocom, en la cual hay un menu desplegable, la cuestion es que cuando pulso sobre alguna de las opciones, este menu se despliega a la perfeccion, mostrando el contenido deseado, y cuando pulsas en otro elemento del menu diferente, se repliega el anterior contenido para desplegarse el nuevo.
Mi problema (llamemosle asi) es que quisiera que cuando vuelves a pulsar en el elemento activo, este se repliegue, Teniendo 2 eventos diferentes:
- Click cuando esta activo.
- Click cuando esta inactivo.
El codigo javascript q tengo ahora mismo es el siguiente (creo que este codigo es el que maneja estos eventos)
$(function(){
var expand=function(dd){
$('#content>dd').slideUp()
dd.slideDown()
}
$('#content dt:not(.active)').live('click',function(){
$(this).find('a').href='javascript:void'
var dt=this
$('dt',dt.parentNode).removeClass('active')
$('a[rel=privacy]').removeClass('blocked')
$(dt).addClass('active')
expand($(dt).next())
return false
})
$('a[rel=privacy]:not(.blocked)').live('click',function(){
this.href='javascript:void'
$('#content dt').removeClass('active')
expand($('dd#privacy'))
$(this).addClass('blocked')
return false
})
Espero que me seais de ayuda, ya que no controlo mucho este lenguaje y no se como meterle mano a esto, que imagino que para alguien experimentado puede llegar a ser una chorrada.
Mil gracias de antemano.
