Навигатор с HTML И CSS

[Nakata]

Здравейте, начинаещ съм, но не искам да отварям нова тема, за това питам тук. Направих си един елементарен навигатор със HTML И CSS, и искам след като щракна върху определен бутон, да ми се отваря падащо меню. Направих го и работи, но проблема е че след като натисна последния бутон (Contacts), менюто се отваря под първия. Надявам се да сте ме разбрали и да ми помогнете Ето го и кода:

HTML

<body>

<ul>
<li><a href = "#home">HOME</a></li>
<li><a href = "#au"> ABOUT ME</a></li>
<li><a href = "#gal">GALLERY</a></li>
<li><a href = "#" onclick = "pokaji()">CONTACTS</a></li>
</ul>
<div id = "pole">
<img src = "images/Phone.jpg" width = "70" height="60"/><a href="#"></a><br/>
<img src = "images/letter.jpg" width = "60" height="50" /><a href="#"></a></br>
</div>

</body>

JQuery

<script>
$(document).ready(function() {
$("#pole").hide();
});
function pokaji() {
$("#pole").toggle("slow");
}
</script>

 

[smoke]

JQuery:

$("#pole").hide();

$(".contact").click(function(){
$("#pole").toggle("slow");
});

Html:

<ul> 
<li><a href = "#home">HOME</a></li> 
<li><a href = "#au"> ABOUT ME</a></li> 
<li><a href = "#gal">GALLERY</a></li> 
<li><a href="#" class="contact">CONTACTS</a></li> 
</ul> 
<div id="pole"> 
<img src="images/Phone.jpg" width="70" height="60"/><a href="#"></a><br/> 
<img src="images/letter.jpg" width="60" height="50" /><a href="#"></a></br> 
</div>

ЕДИТ: имам един въпрос защо пишеш таговете ето така href = .... , защо просто не ги пишеш заедно href="" ?

 

[shterev]

Моето мнение е:
Защо във всяко <li> не слошиш списък <ul> - т.е. само там където искаш да има падащо меню. На <li> задаваш да е postion:relative; , а на падащия <ul> да е position:absolute; като можеш да нагласиш и left, top за да го наместиш на мястото му.Предимствата са ,че по този начин падащото ще е влияе от ли-то, няма да бяга, а и семантично е по-добре.

 

[Nakata]

Направо сложих целия <div> в един нов <ul> там където искам да има падащо меню и се получи. Благодаря много!

smoke така както казваш ти не се получава това което искам, но ще си по играя още малко