Kodları aşağıda veriyorum sorum ise;
şimdi "deneme üst" yazan yere gelinde aşağı doğru slideDown() yaptırıyorum sorun yok sonra mouse'ı çekinde yine slideUp() ile kapatıyorum ondada sorun yok ama açılan (slideDown() olan) menünün üstüne mouse ile gelince yine kapanıyor mantık olarak, onu açık tutmayı başaramadı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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.arka{
width:203px;
height:242px;
margin:10px;
}
.a1{
width:203px;
padding:5px;
text-align:center;
color:#000;
background-color:#CCC;
}
.a1a{
width:203px;
height:242px;
padding:5px;
background-color:#cc8ea3;
text-align:center;
color:#000;
display:none;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('#evkasa').mouseover(function(){
$('.a1a').slideDown(260);
$('#evkasa').css("background-color","#cc8ea3");
});
$('#evkasa').mouseout(function(){
$('.a1a').slideUp(260,function(){
$('#evkasa').removeAttr("style");
});
});
});
</script>
</head>
<body>
<div class="arka">
<div class="a1" id="evkasa">Deneme Üst</div>
<div class="a1a">Deneme Alt</div>
</div>
</body>
</html>Yardımcı olursanız sevinirim.
