JQuery幻灯片切换效果：仅幻灯片列表&；非工作链接

我在使用列表菜单时遇到了两个问题，我已经使用了一段时间

我无法让列表仅扩展一个列表（一个或两个，而不是一个和两个）

~FIXED~我完全不知道链接为什么不起作用。~FIXED~

这是JSFIDLE-

谢谢你的帮助

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>

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;
}

---

您的链接无法工作，因为您已将默认设置应用于所有链接：

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

我已经删除了h1标签周围的

a

标签。要使手风琴正常工作，您可以执行以下操作：

---

我正在我的模板上试用，到目前为止，幻灯片功能运行得很好，但是链接在JSFIDLE中不起作用，希望它能在我的页面上运行。谷歌链接不起作用，但这不是因为我的代码。将链接更改为其他链接，它们就会工作：但是，当将幻灯片功能添加到我的模板中时，幻灯片功能不起作用，在JSFIDLE中似乎很好，但下面是我的css所发生的情况-你有一堆悬停样式，它们正在放大滑块。您需要彻底简化。在第二级LIs上设置明确的高度，以防止滑动跳跃：

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

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