estoy haciendo un desplegable que se hace visible al hacer click en un link del menu. El desplegable funciona casi al 100% y solo hay un pequeño detalle que no consigo pulir.
El código funciona, se hace visible el div en su lugar, con la animación y todo eso. Si hago click de nuevo en el mismo link, se oculta...hasta ahí bien. El problema viene al intentar hacer que al clickear fuera del desplegable, el div se oculte de nuevo.
Pensé que usando el "blur" que ofrece jQuery lo solucionaría pero no es así ya que el desplegable tiene links y el blur incluye el propio desplegable así que los links quedan inservibles ya que al hacer click en el div, se oculta.
He intentado excluirlo del blur haciendo cosas tipo "event.target.id != $('div#logup')" como condición de un if pero...o no se hace así o lo ignora (no se nada de jQuery ni JS, lo que conseguí hoy no se ni como lo conseguí). Dejo el código para ver si alguien puede echarme una mano. El blur lo he borrado porque no me servia como lo tenía y no se me ha ocurrido nada más...así que pensé en dejarlo como estaba y ya esta...pero no pensé en que habian más desplegables...y si se abre otro, el actual no se oculta y da problemas esteticos.
Código Javascript:
Ver original
$(document).ready(function() { $('a.lg').bind({ click: function() { $('div#logup').fadeToggle(400); } }); });
Saludos y gracias.