開閉式メニューのhrefが効かない

質問

お世話になります。

下記のようなソースでドロップダウンメニューを作って、
動作はしたのですが、肝心のメニューをクリックした時に該当するhtmlファイルに飛びません。
初歩的なことで申し訳ないのですが、サブメニュー内のaタグを動作させるには何か足りないものがあるでしょうか？
教えていただければ助かります。

js

<script type="text/javascript">
$(function(){
$("#header-bn").click(function(){
$("#backnumbers").slideToggle();
return false;
});
});
</script>

HTML

<ul>
<li>メニュー1</li>
<li>メニュー2</li>
<li id="header-bn"><a href="september.html">メニュー3</a>
<ul id="backnumbers">
<li><a href="8.html">8</a></li>
<li><a href="7.html">7</a></li>
</ul>
</li>
</ul>

おそらくはhead内に記述したreturn false;の記述で
aタグのhref要素が無効にされてしまうと思うのですが、
jsには詳しくなく、単純に削ってしまうと開閉メニューが
機能しなくなるので、これをどう書き換えたらリンクが機能する
開閉式メニューが作れるかお知恵を頂ければ助かります。

よろしくお願い致します。

回答No.1

ONEONE · ベストアンサー

クリックする対象は「メニュー3」ですよね？
ならば
$("#header-bn")
ではなく
$("#header-bn > a")
ですよね。

現状では<li id="header-bn">内をクリックしたら
イベントが発火するようになってしまっています。

お礼

上手く動いてなかったので、助かりました。
お礼を入力していたつもりですが、うまく入力されていなかったようなので、改めて記入させていただきます。

js自体があまり詳しくなくて、ネットであったサンプルを触りながら勉強はしているのですが、上手く動かない場合の原因にたどりつくまでのヒントを掴めず困っていました。もう少し知識を蓄えていきたいと思います。

本当にありがとうございました。