درست عمل نکردن منو [بایگانی]

IMANAZADI

یک شنبه 22 تیر 1393, 14:50 عصر

با سلام
در کد زیر یه اشکالی هست و اونم اینه که زمانیکه کاربر روی + کلیک میکنه زیر منو های نمایش داده میشه و آیکون + به - تبدیل میشه
ولی وقتی که کاربر روی خود تکس منو کلیک میکنه زیر منوها نمایش داده میشن ولی آیکون + به تبدیل - نمیشه ؟
چطوری باید این مشکل رو برطرف کنم ؟؟

نکته اینکه منو داینامیک و توسط کدنویسی و ارتباط با دیتابیس ساخته میشه

پیش نمایش (http://jsfiddle.net/5yd6b/44/)

<script type="text/javascript" src="jquery-1.11.1.min.js"></script>

<style type="text/css">

li
{
list-style:none;
}

ul>li>ul
{
display:none;
}

ul>li>ul>li
{

line-height:15px;
list-style:url(icon_bar.gif) ;

}

img{
padding-right:5px;

}
</style>

</head>

<body >

<ul id='menu'><li><a class='Coll'><img src='fclose.gif' onclick='changeimg(this)'/></a>Project<ul><li><a class='Coll'>tr</a></li><li><a class='Coll'>data</a></li><li><a class='Coll'>edit</a></li></ul></li><li><a class='Coll'><img src='fclose.gif' onclick='changeimg(this)'/></a>Data<ul><li><a class='Coll'>data</a></li><li><a class='Coll'>qc</a></li><li><a class='Coll'>tech</a></li></ul></li><li><a class='Coll'><img src='fclose.gif' onclick='changeimg(this)'/></a>Stock<ul><li><a class='Coll'>data</a></li><li><a class='Coll'>report</a></li></ul></li></ul></body>

<script type="text/javascript">

$(document).ready(function(){
$("ul#menu li").click(function(){

if($(this).find("ul").hasClass("opened")){
$(this).find("ul").slideUp("slow").removeClass("opened");
}
else {
$(this).find("ul").slideDown("slow").addClass("opened");
}
});
});

function changeimg(element) {

var right = "fclose.gif";
var left = "fopen.gif";
element.src = element.bln ? right : left;
element.bln = !element.bln;
}

</script>