Arkadaşlar tab menü yapmaya çalışıyordum ama bi yerde tıkandım sadece o taba ait konuları listeletmek istiyorum bir tek onu yapamadım kodlamam şu şekilde tab1'e tıkladığımda tab1'e ait konuları listeletsin istiyorum , nasıl yapacağımı detaylı bir şekilde açıklayacak olan var mı acaba ?
HTML ve jQuery Yapım
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>jQuery Öğreniyoruz</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$(".icerik").hide();
$(".icerik:first").show();
$("#menu ul li:first").addClass("aktif");
$("#menu ul li").click(function(){
$("#menu ul li").removeClass("aktif");
$(this).addClass("aktif");
$(".icerik:first").hide();
var aTab = $(this).find("a").attr("href");
$(aTab).show();
});
});
</script>
<style type="text/css">
body {font:12px tahoma;}
#menu {height:25px;background:#eee;border:1px solid #ddd;padding:3px;}
#menu ul {list-style:none;padding:0;margin:0;}
#menu ul li {float:left;padding:0 20px;}
#menu ul li a {display:block;line-height:25px;text-decoration:none;color:#000;}
.aktif {color:#c03;font-weight:bold;}
.icerik {padding:5px;border:1px solid #ccc;}
</style>
</head>
<body>
<div id="wrapper">
<div id="menu">
<ul>
<li><a href="#tab1">Sekme 1</a></li>
<li><a href="#tab2">Sekme 2</a></li>
<li><a href="#tab3">Sekme 3</a></li>
</ul>
</div>
<div class="icerik" id="tab1">Bu bir içeriktir 1</div>
<div class="icerik" id="tab2">Bu bir içeriktir 2</div>
<div class="icerik" id="tab3">Bu bir içeriktir 3</div>
</div>
</body>
</html>