Jquery да изберете котва, като минавате през UL таг - jquery, братя и сестри

Искам да избера котва за котва в div, но искам да избирам от детския маркер на детето, докато се опитвам да създам падащо меню.

Моят HTML код е както следва:

<div>
<a href="#">Dropper 1</a>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<a href="#">Dropper 2</a>
<ul>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
</div>

Моят JQuery код е както следва:

$(document).ready(function(){
$("ul").each(function(){
$(this).parent().click(function(){ $("ul",this).show("1000"); });
$(this).parent().mouseleave(function(){ $("ul",this).hide("1000"); });
});
})

CSS за UL кода е както по-долу:

ul {display:none;}

Сега UL е скрита и искам да изберете котваизползвайки UL. Горната функция работи точно сега, защото е бране на DIV като родител и при щракване на div, ul се показва, но тъй като размерът на div е със същия размер на котва tag, така че ако някой кликне върху div е същото като натискането му дете, което е котва и когато кликнете върху котва се случва след това браузърът по подразбиране поведение е да превъртите до началото, защото на HREF = "#", Искам да избера тази котва, за да спрете превъртането, като използвате event.preventDefault ();

Просто ми кажете как да изберете този котва за котва, като минавате през UL

Отговори:

аз мисля това е, което искахте:

$("ul").each(function() {
$(this).prev("a").click(function(e) {
e.preventDefault();
$(this).next().show("1000");
});
$(this).mouseout(function() {
$(this).hide("1000");
});
});

http://jsfiddle.net/ghLCv/2/