teshnehab
جمعه 21 تیر 1392, 19:14 عصر
سلام
من این کد رو نوشتم:
<script>
$(document).ready(function(){
$(".Content_Left_Header").mouseover(function(){
$(this).css( "background", "#282c35" );
var Selected_ID="#ID_Content_Left_SubMenu"+$(this).attr('id');
var Selected_Ico=".ico"+$(this).attr('id');
$(Selected_Ico).attr("src","images/GoUp.png");
$(Selected_ID).animate({height:'135px'});
});
$(".Content_Left_Header").mouseout(function(){
$(this).css( "background", "#9fd414" );
var Selected_ID="#ID_Content_Left_SubMenu"+$(this).attr('id');
var Selected_Ico=".ico"+$(this).attr('id');
$(Selected_Ico).attr("src","images/GoDown.png");
$(Selected_ID).animate({height:'0px'});
});
});
</script>
<body>
<div id="ID_Content_Left" class="Content_Left">
<div id="1" class="Content_Left_Header"><img src="images/GoDown.png" class="ico1">
Listing Settings</div>
<div id="ID_Content_Left_SubMenu1" class="Content_Left_SubMenu">
No Content - Sample</div>
<div id="2" class="Content_Left_Header"><img src="images/GoDown.png" class="ico2">
Features</div>
<div id="ID_Content_Left_SubMenu2" class="Content_Left_SubMenu">
<ul id="Features">
<li id="Features"><span id="MyCheckBoxText">Kitchen </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">
Basement </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">Jacuzzi </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">
FirePlace </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">
Elavator </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">
Security </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">Balcony </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
</ul>
</div>
<div id="3" class="Content_Left_Header"><img src="images/GoDown.png" class="ico3">
Basic Detailes</div>
<div id="ID_Content_Left_SubMenu3" class="Content_Left_SubMenu">
No Content - Sample</div>
</div>
</body>
اما گزینه های زیر منو دسترسی ندارم ،تا موس رو میخوام ببرم روی آنها ، پنجره جمع می شود.
مشکل چیه؟
من این کد رو نوشتم:
<script>
$(document).ready(function(){
$(".Content_Left_Header").mouseover(function(){
$(this).css( "background", "#282c35" );
var Selected_ID="#ID_Content_Left_SubMenu"+$(this).attr('id');
var Selected_Ico=".ico"+$(this).attr('id');
$(Selected_Ico).attr("src","images/GoUp.png");
$(Selected_ID).animate({height:'135px'});
});
$(".Content_Left_Header").mouseout(function(){
$(this).css( "background", "#9fd414" );
var Selected_ID="#ID_Content_Left_SubMenu"+$(this).attr('id');
var Selected_Ico=".ico"+$(this).attr('id');
$(Selected_Ico).attr("src","images/GoDown.png");
$(Selected_ID).animate({height:'0px'});
});
});
</script>
<body>
<div id="ID_Content_Left" class="Content_Left">
<div id="1" class="Content_Left_Header"><img src="images/GoDown.png" class="ico1">
Listing Settings</div>
<div id="ID_Content_Left_SubMenu1" class="Content_Left_SubMenu">
No Content - Sample</div>
<div id="2" class="Content_Left_Header"><img src="images/GoDown.png" class="ico2">
Features</div>
<div id="ID_Content_Left_SubMenu2" class="Content_Left_SubMenu">
<ul id="Features">
<li id="Features"><span id="MyCheckBoxText">Kitchen </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">
Basement </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">Jacuzzi </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">
FirePlace </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">
Elavator </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" status="checked"></li>
<li id="Features"><span id="MyCheckBoxText">
Security </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
<li id="Features"><span id="MyCheckBoxText">Balcony </span><img border="0" src="images/index/notchecked.jpg" class="MyCheckBox" ></li>
</ul>
</div>
<div id="3" class="Content_Left_Header"><img src="images/GoDown.png" class="ico3">
Basic Detailes</div>
<div id="ID_Content_Left_SubMenu3" class="Content_Left_SubMenu">
No Content - Sample</div>
</div>
</body>
اما گزینه های زیر منو دسترسی ندارم ،تا موس رو میخوام ببرم روی آنها ، پنجره جمع می شود.
مشکل چیه؟