MR AMIR-KHORE
تازه وارد
با سلام خدمت دوستان عزیز ،
من یه کدی نوشتم که وقتی روی یک متن کلیک میکنی زیرش یه چیزی باز میشه اما و بعد از کلیک هم بسته میشه این کد :
اما مشکلش اینه که وقتی روی click here کلیک میکنی هم منو بسته میشه من نمیخوام اینجوری باشه میخوام روی همون test کلیک کردی باز شه و روی همونم کلیک کردی بسته شه نه چیزه دیگه ممنون میشم کد رو اصلاح کنید !! :">
من یه کدی نوشتم که وقتی روی یک متن کلیک میکنی زیرش یه چیزی باز میشه اما و بعد از کلیک هم بسته میشه این کد :
کد:
<style>
#nav {
display:inline;
position:relative;
list-style-type:none;
}
#nav > li {
float:left;
position:relative;
}
#nav > li > a {
border:1px solid transparent;
position:relative;
}
#nav > li.selected > a {
background-color:#FFFFFF;
border-color:#999999 #999999 #FFFFFF;
z-index:2;
}
#nav li div {
position:relative;
}
#nav li div div {
background-color:#FFFFFF;
border:1px solid #999999;
padding:12px 0;
display:none;
font-size:0.75em;
margin:0;
position:absolute;
top:-1px;
z-index:1;
width:190px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<ul id="nav">
<li><a>test</a>
<div class="subs">
<div>
click here
</div>
</div>
</li>
</ul>
<script type="text/javascript">
jQuery(window).load(function() {
$("#nav > li > a").click(function (e) { // binding onclick
if ($(this).parent().hasClass('selected')) {
$("#nav .selected div div").slideUp(100); // hiding popups
$("#nav .selected").removeClass("selected");
} else {
$("#nav .selected div div").slideUp(100); // hiding popups
$("#nav .selected").removeClass("selected");
if ($(this).next(".subs").length) {
$(this).parent().addClass("selected"); // display popup
$(this).next(".subs").children().slideDown(200);
}
}
e.stopPropagation();
});
$("body").click(function () { // binding onclick to body
$("#nav .selected div div").slideUp(100); // hiding popups
$("#nav .selected").removeClass("selected");
});
});
</script>