js折叠式菜单 怎样让它初始状态为收起 代码如下
<scripttype="text/javascript">$(document).ready(function(){$('.itemullia').bind("clic...
<script type="text/javascript">
$(document).ready(function(){
$('.item ul li a').bind("click",function(){
$('.item > ul > li').each(function(i){
$(this).removeClass("index");
});
this.blur();
$(this.parentNode).attr({"class":"index"});
});
$('.item h2 a,.item h2 span').bind("click",function(){
if($(this).attr("title")=="收起"){
$(this.parentNode).find("a").attr({"title":"展开","class":"a2"});
$(this.parentNode).find("span").attr("title","展开");
$(this.parentNode.parentNode).find("ul").slideUp(200);
}else{
$(this.parentNode).find("a").attr({"title":"收起","class":"a1"});
$(this.parentNode).find("span").attr("title","收起");
$(this.parentNode.parentNode).find("ul").slideToggle(200);
};
});
$('.lefta1 a').bind("click",function(){
$(".item ul").slideDown(200);
$(".item h2 a").attr({"title":"收起","class":"a1"});
$(".item h2 span").attr({"title":"收起"});
});
$('.lefta2 a').bind("click",function(){
$(".item ul").slideUp(200);
$(".item h2 a").attr({"title":"展开","class":"a2"});
$(".item h2 span").attr({"title":"展开"});
});
$(".item ul li").hover(
function(){$(this).addClass("hover");},
function(){$(this).removeClass("hover");}
);
})
function navk(){$(".item ul li").removeClass("index");};
</script> 展开
$(document).ready(function(){
$('.item ul li a').bind("click",function(){
$('.item > ul > li').each(function(i){
$(this).removeClass("index");
});
this.blur();
$(this.parentNode).attr({"class":"index"});
});
$('.item h2 a,.item h2 span').bind("click",function(){
if($(this).attr("title")=="收起"){
$(this.parentNode).find("a").attr({"title":"展开","class":"a2"});
$(this.parentNode).find("span").attr("title","展开");
$(this.parentNode.parentNode).find("ul").slideUp(200);
}else{
$(this.parentNode).find("a").attr({"title":"收起","class":"a1"});
$(this.parentNode).find("span").attr("title","收起");
$(this.parentNode.parentNode).find("ul").slideToggle(200);
};
});
$('.lefta1 a').bind("click",function(){
$(".item ul").slideDown(200);
$(".item h2 a").attr({"title":"收起","class":"a1"});
$(".item h2 span").attr({"title":"收起"});
});
$('.lefta2 a').bind("click",function(){
$(".item ul").slideUp(200);
$(".item h2 a").attr({"title":"展开","class":"a2"});
$(".item h2 span").attr({"title":"展开"});
});
$(".item ul li").hover(
function(){$(this).addClass("hover");},
function(){$(this).removeClass("hover");}
);
})
function navk(){$(".item ul li").removeClass("index");};
</script> 展开
1个回答
展开全部
你没有贴出CSS与HTML部分,所以不太好说怎么通过CSS和HTML来实现。
不过可以在READY里加
$(“ul”).each(function(){
$(this).find("a").attr({"title":"展开","class":"a2"});
$(this).find("span").attr("title","展开");
$(this).slideUp(200);
});
其中$(“ul”) 可能需要你自己斟酌一下
不过可以在READY里加
$(“ul”).each(function(){
$(this).find("a").attr({"title":"展开","class":"a2"});
$(this).find("span").attr("title","展开");
$(this).slideUp(200);
});
其中$(“ul”) 可能需要你自己斟酌一下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询