收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1977|回复: 4

求助 左侧菜单能展开隐藏

[复制链接]
发表于 2010-3-16 10:31:09 | 显示全部楼层 |阅读模式
这个的实现哪位给个方法啊?
23232.jpg
详细效果
http://ditu.google.cn/
发表于 2010-3-16 10:33:35 | 显示全部楼层
这个内容放在一个DIV中,在click中设计display:none
回复 支持 反对

使用道具 举报

发表于 2010-3-16 10:37:58 | 显示全部楼层
2楼正解
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-16 10:46:44 | 显示全部楼层
能有代码具体效果不?
回复 支持 反对

使用道具 举报

发表于 2010-3-16 11:06:24 | 显示全部楼层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="../../js/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(function(){
        $("#mya").toggle(function(){
                $("#mydiv").show("fast");
        },function(){
                $("#mydiv").hide("fast");
        });
});
</script>
<style type="text/css">
div{ width:100px; height:100px; border:1px solid red; float:left; display:none;}
a{ background-color:black; color:white;}
</style>
</head>
<body>
        <div id="mydiv">我是左侧栏的内容!</div>
    <a href="#" id="mya">点我</a>
</body>
</html>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-4-4 19:02 , Processed in 0.124685 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表