Hola amigos, espero esten todos muy bien..
Hice un menu vertical desplegable para una web que estoy haciendo y todo me funcina perfecto en firefox, opera, etc.. pero el bendito problemita de siempre, IE6.. Ahi no have nada de nada.. Quisiera saber si hay manera de arreglar esto ya que todo esta bien. A continuacion les dejo el codigo html exacto como tengo la pagina de ejemplo, solo falta q descarguen el jquery y prueben.
Abstenerse de decir: "cambia de navegador.." ya que el cliente o mejor dicho, los usuarios son los que deciden con que navegador exploran la web..
Gracias de ante mano.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function()
{
// Ocultar todos
$("#menuv ul li.itemcat").nextAll().hide();
//mostrar activo
$("#menuv ul").each(function(){
$(this).find("li.active").prevAll().nextAll().show();
});
//Expandir y ocultar
$("#menuv ul li.itemcat").click(function(){
$(this).prevAll().hide();
$(this).nextAll().slideToggle("fast");
});
});
</script>
</head>
<body>
<div id="menuv">
<ul>
<li class="itemcat"><a href="javascript:;">Categoria 1</a></li>
<ul>
<li><a href="javascript:;">SubCategoria 1.1</a></li>
<li><a href="javascript:;">SubCategoria 1.2</a></li>
<li><a href="javascript:;">SubCategoria 1.3</a></li>
</ul>
</ul>
<ul>
<li class="itemcat"><a href="javascript:;">Categoria 2</a></li>
<ul>
<li><a href="javascript:;">SubCategoria 2.1</a></li>
<li><a href="javascript:;">SubCategoria 2.2</a></li>
<li><a href="javascript:;">SubCategoria 2.3</a></li>
</ul>
</ul>
<ul>
<li class="itemcat"><a href="javascript:;">Categoria 3</a></li>
<ul>
<li><a href="javascript:;">SubCategoria 3.1</a></li>
<li><a href="javascript:;">SubCategoria 3.2</a></li>
<li><a href="javascript:;">SubCategoria 3.3</a></li>
</ul>
</ul>
</div>
</body>
</html>