求竖向展开折叠目录代码
展开全部
<style type="text/css">
h1{cursor:pointer;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("ul").hide();
$("h1").click(function(){
$(this).next().slideToggle(300,function(){
$(this).siblings("ul").slideUp(300);
});
})
})
</script>
</head>
<body>
<h1>用户管理</h1>
<ul>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
<h1>商品管理</h1>
<ul>
<li>项目2</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
<h1>订单管理</h1>
<ul>
<li>项目3</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
</body>
js文件自己在网上下载 图片么自己加 不用再教你了吧 呵呵
h1{cursor:pointer;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$("ul").hide();
$("h1").click(function(){
$(this).next().slideToggle(300,function(){
$(this).siblings("ul").slideUp(300);
});
})
})
</script>
</head>
<body>
<h1>用户管理</h1>
<ul>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
<h1>商品管理</h1>
<ul>
<li>项目2</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
<h1>订单管理</h1>
<ul>
<li>项目3</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
<li>项目1</li>
</ul>
</body>
js文件自己在网上下载 图片么自己加 不用再教你了吧 呵呵
追问
嗯，就是左边的图标不知道怎么弄。
展开折叠，左边图标显示是不一样的，应该怎么改？
追答
在click函数下加上这句就ok了
$("h1:visible").css("background","url(arrow1.gif) no-repeat left center");
$(this).css("background","url(arrow2.gif) no-repeat left center");
那两个图片你自己画一下就ok 昨天小感冒 没看 不好意思 不知道你问题解决了没有
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
