代码如下,怎么一进入页面,什么都没有了,变成了空白,后端没写任何代码
<!DOCTYPE html>
<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.10.2.min.js"></script>
</head>
<body>
   <div id="div4">333333333333333333333
       rrrrrrrrrrrrrrrrrrrrrrrrrrrr
   </div>
    <div style="border:1px solid blue;">
       全世界都在关注中国经济。英国媒体最近纷纷对此报道,观点各异,有悲观的,也有乐观的。有人认为,中国可能遭遇“金融崩溃”、“经济硬着陆”和“人口结构失衡”;也有人认为,中国经济增速放缓是稳健的调整。最近一期《经济学家》杂志中国专栏的标题很有意思,叫“悲观主义的泡沫”。那么中国经济到底怎样?主流是什么?前景如何?不久前我回国述职,带着这些问题,多处实地走访,并向许多专家请教,从而更加坚定了我心中的答案:中国经济发展前景光明。中国经济平稳运行与转型升级密切相关。当前,中国经济正处于“调速换挡期”。经过改革开放30多年发展,中国经济年均增速达9.9%,总量已居世界第二。同时中国的发展也面临如何在稳增长的过程中提升经济发展的质量和效益、如何突破能源资源和环境对发展的瓶颈制约、如何保障粮食和食品安全等诸多挑战。中国新一届政府正引领中国经济步入转型升级新阶段,更加注重提高经济增长质量和效益,而非一味追求速度和数量。当前中国经济增速主动“换挡”,体现了新一届中央领导集体对经济形势的正确判断,更体现了其对复杂局面的驾驭能力。英国皇家国际问题研究所一位研究员的比喻十分形象:如果你骑在一匹快速疾驰的马上,就很难毫无风险地跳到另一匹马上,中国经济政策调整带来的经济增速放缓并不奇怪。当前,中国经济正按照“稳中求进”的目标向前发展,今年上半年增速为7.6%。相对于过去30多年近10%的增幅而言,7.6%可能不算“惹眼”,由此引起一些担忧也可以理解。但判断经济运行是否平稳,关键要看中国经济是否处于合理区间,这一区间的“下限”是稳增长、保就业,“上限”是防通胀。目前中国经济仍在合理区间运行,有三个具体指标可以印证:一是增速。上半年中国经济增速在全球主要经济体中仍是最高的,且内需对经济增长的拉动作用增强。中国官方统计显示,上半年消费对中国经济增长的贡献率达45.2%。二是物价。物价是百姓最关心的话题。上半年中国CPI涨幅2.4%,低于3.5%的控制目标。物价稳定为宏观调控奠定了良好基础,也为经济平稳运行提供了良好的前提条件。三是就业。就业是民生之本。上半年中国大中城市失业率为5%左右,但城镇新增就业725万人,几乎相当于大伦敦的总人口。
    
    </div>    
    <script type="text/javascript">
        $(function () {
           
            $("#div4").toggle(function () { $(this).next().show(); }, function () { $(this).next().hide(); });
            
        });
    </script>
</body>
</html>jQuery

解决方案 »

  1.   

     $("#div4").toggle 原来是显示,会切到隐藏,并调用第二个函数,第地个函数里写  $(this).next().hide();
     所以看不到东西了 
      

  2.   

    我想实现的功能是  点击 div4,他后面div如果是显示的就隐藏,如果是隐藏的就显示,怎么实现呢
      

  3.   

    我想实现的功能是  点击 div4,他后面div如果是显示的就隐藏,如果是隐藏的就显示,怎么实现呢
     
            $(function () {
                $("#div4").click(function () {
                  $(this).next().toggle(); 
                });
            });
      

  4.   

    LZ可以这样写:
    $("#div4").bind("click", function() {
        if ($("#div4").css("display") == "block") {
            $("#div4").css("display", "none");
        } else {
            $("#div4").css("display", "block");
        }
    });
      

  5.   

        <script type="text/javascript">
            $(function () {            $("#div4").toggle(function () { $(this).next().hide(); }, function () { $(this).next().show(); });        });
        </script>