Ссылки внутри расширяющегося меню не открыты

Question

У меня возникла проблема, связанная с расширением меню. Кажется, я не могу ссылаться вне расширяющегося меню, поскольку единственное, что все ссылки внутри меню делают, сворачивают его или просто ничего не делают вообще.

Вот два примера системы меню, я пытаюсь создать: http://www.ullastiina.fi/testsite/page.html http://www.ullastiina.fi/testsite/page2.html

Я пытался смотреть на это в течение многих часов в настоящее время, но я в настоящее время в полной остановке. Кто-нибудь может мне помочь?

page.html

HTML

<div class="divcenter"> 
<div class="menu"> 
<a href="#" class="hide"><font color="#ffffff">+ Expand</font></a> 
<a href="#" class="show"><font color="#ffffff">- Collapse</font></a> 
<ul id="list"> 
<li class="li1">BLANK TEXT TITLE</li> 
<li class="li2"><a href="http://www.google.com/" target="_blank">Link 1</a></li> 
<li class="li2"><a href="http://www.hotmail.com/">Link 2</a></li> 
</ul> 
</div> 
</div> 

CSS

#list, .show { 
display:none; 
color: #5e5e5e; 
font-weight: normal; 
padding:10px; 
list-style-type:none} 
.hide:focus + .show {display: inline;} 
.hide:focus { display: none; position:relative;} 
.hide:focus ~ #list { display:block;} 

PAGE2.HTML

<div class="divcenter"> 
<div class="menu"> 
<li> 
<a href="?op=1"><font color="#FFFFFF">+ Expand</font></a> 
<div class="nav-collapse88"> 
<ul> 
<li class="li1"><font color="#666666">BLANK TEXT TITLE</font></li> 
<li class="li2"><a href="http://www.google.com/" target="_blank">Link 1</a></li> 
<li class="li2"><a href="http://www.hotmail.com/">Link 2</a></li> 
</ul> 
</div> 
</div> 

JS

$(function(){ 
$(".nav-collapse88").hide(); 
$("a").click(function(e){ 
e.preventDefault(); 
$(".nav-collapse88", $(this).parent()).slideToggle(); 
}); 
}) 

Answer 1

Ваш js не имеет смысла. Попробуйте это:

$(function(){ $(".menu ul").hide(); $(".hide").click(function(e){ e.preventDefault(); $(".hide").hide(); $(".show").show(); $(".menu ul").slideDown(); }); $(".show").click(function(e){ e.preventDefault(); $(".show").hide(); $(".hide").show(); $(".menu ul").slideUp(); }); });

Или посмотреть Fiddle. Надеюсь это поможет.