ورود

View Full Version : نمایش ندادن یک المنت وقتی که المنت دیگر فعال باشد



ramin149
پنج شنبه 29 تیر 1391, 20:22 عصر
با سلام .
من دوتا div دارم به اسم های WarringList و ErrorList می خواهم وقتی یکی از این دو فعال باشد دیگر غیر فعال بشه . باید به چه روشی این کد رو بنویسم .
با تشکر .

Variable
جمعه 30 تیر 1391, 00:42 صبح
میتونی به همه عناصر div که به هم مربوطند یک کلاس مشترک بدی . بعد همه رو با متد find .. پیدا کنی و hide کنی . و بعد اون عنصر خاص رو show کنی . .. این یه راه بود که بنظرم رسید. یه راهم اینجوری میشه .که با یه مثلا بهت نشون میدم . امیدوارم همونی باشه که میخای


<html>
<head>
<title></title>
<style type="text/css">
body{
margin:0;
padding: 0;
}
.hide{
position: absolute;;
display: inline-block;
width:100;
height: 100px;
}
#left{
background-color:red;
left:0;
}
#center{
margin: 0 auto;
background-color:yellow;
left:200px;
}
#right{
background-color:blue;
left:400px;
}
</style>
</head>
<body>
<div id='left' class="hide">1</div>
<div id='center' class="hide">2</div>
<div id='right' class="hide">3</div>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function(){
$('.hide').hover(function(){
$(this).slideDown(300)
.siblings('.hide')
.slideUp(300);
},function(){
$(this).siblings('.hide')
.slideDown(300);
});

});
</script>
</body>
</html>