このサイトとまったく同じ機能を持つナビゲーション メニューを作成したい: http://www.rex-ny.com/
HTML と CSS のみを使用したいのですが、一日中試してみましたが、解決策が見つかりませんでした。
メニュー項目を選択すると、ページが読み込まれた後もそのメニューが開いたままになります。これは可能ですか?
また、メインメニュー項目をクリック可能にして、新しいページをロードし、そのページがロードされたときにそのメニューが開いているようにしたいと考えています。
これが私がこれまでに持っているものです:
ここにjqueryがあります:
$(document).ready(function () {
$('#menu > li > a').click(function(){
if ($(this).attr('class') != 'active'){
$('#menu li ul').hide();
$(this).next().toggle();
$('#menu li a').removeClass('active');
$(this).addClass('active');
}
});
});
そしてCSS:
#menu {
float: left;
}
#menu li a {
display: block;
}
#menu li ul {
display: none;
}