我无法在if-else条件语句中使用jQuery toggleClass()。
我的HTML代码如下:
我的 CSS 代码是:
我的 JavaScript 代码是:
我无法让这个工作起来。
我需要使用on.('click')方法吗?
有什么想法吗?
谢谢您的帮助或任何信息!
我的HTML代码如下:
<ul>
<li class="firstLevel">
<a href="#main_cat_01">MAIN CATEGORY #1</a>
<ul class="dijete">
<li>
<a href="#subt_cat_01">SUB CATEGORY #1</a>
</li>
</ul>
</li>
<li class="firstLevel">
<a href="#main_cat_02">MAIN CATEGORY #2</a>
<ul class="dijete">
<li>
<a href="#subt_cat_02_01">SUB CATEGORY #1</a>
</li>
</ul>
</li>
</ul>
我的 CSS 代码是:
ul.dijete {
display: none;
}
.vidimte{
display: block;
}
我的 JavaScript 代码是:
var $j = jQuery.noConflict();
$j(function() {
$j('li.firstLevel').click(function(){
if($j(this).children("ul.dijete").hasClass("vidimte")){
$j(this).children("ul.dijete").toggleClass('vidimte'); //visible
$j(this).find("ul.dijete").prev("li.firstLevel a").css({
"background-image":'url(URL_TO_THE_IMAGE_OPEN)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}else{ // else add image close and display none
$j(this).find('ul.vidimte').prev("li.firstLevel a").css({
"background-image":'url(URL_TO_THE_IMAGE_CLOSE)',
"background-position":"right center",
"display":"block",
"background-repeat":"no-repeat"
});
}
});
});
我无法让这个工作起来。
我需要使用on.('click')方法吗?
有什么想法吗?
谢谢您的帮助或任何信息!
ul.dijete
比.vidimte
更具体,因此添加类不起作用。一个解决方案是同时切换两个 ->..toggleClass('vidimte dijete')
。 - adeneo