<head>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
$(".content").hide();
$("#bla1").show();
$(".menu").click(function () {
$(".menu").css({'font-weight' : 'normal'});
$(this).css({'font-weight' : 'bolder'});
var link = $(this).attr("href");
$(".content").hide();
$("#"+link).show();
return false;
});
});
</script>
</head>
<body>
<ul>
<li><a class="menu" id="a_bla1" href="bla1">bla 1 </a></li>
<li><a class="menu" id="a_bla2" href="bla2">bla 2 </a></li>
<li><a class="menu" id="a_bla3" href="bla3">bla 3 </a></li>
</ul>
<div class="content" id="bla1">
bla 1
</div>
<div class="content" id="bla2">
bla 2
</div>
<div class="content" id="bla3">
bla 3
</div>
</body>
Keine Kommentare:
Kommentar veröffentlichen