JQuery SlideToggle效果：只滑動一個列表和不工作的鏈接

Question

我遇到了兩個問題，列表菜單我一直在使用一段時間。

1. 我不能得到列表只擴展一個列表（一個或兩個，而不是一個和兩個）。
2. 〜固定〜我也絕對不知道爲什麼鏈接無法正常工作〜固定〜

這裏是的jsfiddle - http://jsfiddle.net/yAqQG/1/

任何幫助表示讚賞，感謝。

HTML

<div class="navigation"> 
<ul> 
<li><h1><a href="#">One</a></h1> 
    <ul> 
    <li><a href="#">Not Available</a></li> 
    <li><a href="#">Not Available</a></li> 
    </ul> 
</li> 
<li><h1><a href="#">Two</a></h1> 
    <ul> 
    <li><a href="#">Not Available</a></li> 
    <li><a href="#">Not Available</a></li> 
    </ul> 
</li> 
</ul> 
</div> 

JQuery的

jQuery(document).ready(function() { 

    var subMenu = jQuery(".navigation ul li ul li"); 
    var linkClick = jQuery(".navigation ul li").filter(":has(ul)"); 

    subMenu.hide(); 

    linkClick.click(function (e) { 
     e.preventDefault(); 
     $(this).find('ul li').slideToggle("fast"); 
    }); 
}); 

CSS

body { 
    background : #000000; 
} 

/* Title Settings */ 
.navigation ul li h1 { 
    background : none; 
    float : right; 
    font-size : 28px; 
    font-weight : 100; 
    margin : 0; 
    margin-bottom : 3px; 
    padding : 0; 
} 
/* Before and After Styling */ 
.navigation a { 
    color : #ffffff; 
    border-right : 3px solid #ffffff; 
    display : table; 
    padding : 6px; 
    transition: .25s ease-in-out; 
    -moz-transition: .25s ease-in-out; 
    -webkit-transition: .25s ease-in-out; 
    text-decoration : none; 
} 
.navigation a:hover { 
    border-right : 3px solid #f43058; 
    color : #f43058; 
} 
/* Fixed (Top Right) Positioning */ 
.navigation { 
    font-family : 'Open Sans Condensed', sans-serif; 
    font-weight : 100; 
    margin : 12px; 
    position : fixed; 
    right : 0; 
    top : 0; 
} 
.navigation ul { 
    font-size : 20px; 
    margin : 0; 
    padding : 0; 
    text-align : right; 
} 
.navigation ul li { 
    clear : right; 
    float : right; 
    list-style-type : none; 
} 
/* Second Level Settings */ 
.navigation ul li:hover ul { 
    display : block; 
} 
.navigation ul li ul li { 
    font-size : 18px; 
    margin-bottom : 3px; 
} 

Answer 1

，因爲你已經申請PR你的鏈接不工作eventDefault到所有的人：

linkClick.click(function (e) { 
    e.preventDefault(); 
}); 

我從周圍的H1標籤移除a標籤來代替。爲了得到手風琴的工作，你可以這樣做：

http://jsfiddle.net/W8H6W/3/

jQuery(document).ready(function() { 
    jQuery('h1').click(function() { 
     $(this).closest('li').siblings().find('ul').slideUp(); 
     $(this).siblings('ul').slideToggle("fast"); 
    }); 
});