elma>
kalem>
silgi>
gibi bir şey elmanın üzerine tıkladığımda alt menü açılacak işte sarı elma kırmızı elma falan olacak.ama tıkladığımda açılmasını istiyorum böyle birşeyi nasıl yapabiliriz acaba?Teşekkür ediyorum şimdiden.
jquery olarak arattırırsan google da bir çok örnek bulabilirsin.
Bir bakayım teşekkürler. Tam keyword nedir acaba açılabilen menümü denir ne denir?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org">
<html xmlns="www.w3.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="code.jquery.com"></script>
<style type="text/css">
.alt {
background:#00CC00;
color:#fff;
display:none;
width:10%;
}
.main
{
background:#006600;
color:#fff;
width:10%;
border:thin;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<div id="main_1" class="main" onclick="ac_kapa('1')">elma</div>
<div id="alt_1" class="alt">
kırmızı elma
<br />
sarı elma
</div>
<div id="main_2" class="main" onclick="ac_kapa('2')">kalem</div>
<div id="alt_2" class="alt">
kırmızı kalem
<br />
sarı kalem
</div>
<div id="main_3" class="main" onclick="ac_kapa('3')">silgi</div>
<div id="alt_3" class="alt">
kırmızı silgi
<br />
sarı silgi
</div>
<script type="text/javascript">
function ac_kapa(id)
{
if ($('#alt_'+ id).css('display') == "none")
$('#alt_'+ id).show('slow', function() {
// Animation complete.
});
else
$('#alt_'+ id).hide('slow', function() {
// Animation complete.
});
}
</script>
</body>
</html>
Çok teşekkürler.