ページのセカンダリ ナビゲーションとして jQuery トグル ナビゲーション メニューがあります。
タイトルに「ホバー」背景色を付けたい (矢印付きのトップ レベル ナビゲーション)。
http://awesomescreenshot.com/07c1w39kc1
私は使用しようとしました:
.title1 a{
background-color:#FC3;
}
.title1 p a:hover,.on p a{
background-color:#ae0606;
}
タイトルのホバーは、幅と高さが字幕のホバーと一致する必要があります。
これがjQueryコードです。
<script type="text/javascript">
jQuery(document).ready(function($) {
$('.title1').click(function() {
$('.title1').removeClass('on');
$('.content2').slideUp('normal');
if($(this).next().is(':hidden') == true) {
$(this).addClass('on');
$(this).next().slideDown('normal');
}
});
});
</script>
テストページへの URL http://planeta.se/nordcharkLast/recept-2/