js点击标题显示隐藏内容，为什么IE6和IE7都运行不了，其他的浏览器就可以

<body><divclass="pro_list"id="hide"><ulclass="a"><liclass="b"><atitle="a1">a1</a></li... <body>

<div class="pro_list" id="hide">
<ul class="a">
<li class="b"><a title="a1">a1</a></li>
<ul class="hides">
<li><a href="products/gzscx/493.html" title="1">1</a></li>
<li><a href="products/gzscx/492.html" title="2">2</a></li>
<li><a href="products/gzscx/488.html" title="3">3</a></li>
<li><a href="products/gzscx/487.html" title="4">4</a></li>
</ul>
<li class="b"><a title="a2">a2</a></li>
<ul class="hides">
<li><a href="products/gzscx/490.html" title="5">5</a></li>
<li><a href="products/gzj/sixpy.html" title="6">6</a></li>
<li><a href="products/gzj/541.html" title="7">7</a></li>
<li><a href="products/gzj/523.html" title="8">8</a></li>
<li><a href="products/gzj/524.html" title="9">9</a></li>
</ul>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
$("#hide>.a>.b").click(function(){
$("#hide>.a>.hides").not($(this).next("ul")).slideUp(0);
$(this).next("ul").toggle();
});
});
</script>
</body>
其中class="hides"的CSS是display:none; 展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

百度网友f0b09d0
2013-07-15 · TA获得超过149个赞

知道答主

回答量：77

采纳率：0%

帮助的人：72.9万

我也去答题访问个人页

关注

展开全部

$(function () {
    $("li.b").each(function () {
        $(this).toggle(function () {            
            $(this).next().hide();
        }, function () {
            $(this).next().show();
        });
    });
});

追问

每个标题要点击两次才出现效果的？？$(this).next().hide();和$(this).next().show();调换就可以
不过ie6和ie7还是运行不了，第二个标题隐藏了而不是小标题隐藏

追答

我只要点一次就可以了。。。一切正常，尝试更换jquery到1.8.0看看

本回答由提问者推荐

已赞过 已踩过<

评论收起

kuang20110802
2013-07-15 · 超过31用户采纳过TA的回答

知道答主

回答量：107

采纳率：0%

帮助的人：69.5万

我也去答题访问个人页

关注

展开全部

jquery-1.10.2.js并不支持Internet Explorer 6、7或者8

更多追问追答
追问

那什么版本才可以呢？
追答

我用的是jquery-1.3.2.js比较老的，看网上可以用的最新版本是1.9的
追问

我换回jquery-1.2.6.min.js，还是不行啊，是我代码的问题吗？
追答


          
                a1
                 
                        1
                        2

a2
                 
                    5
                     6

$(function(){
 $(".b").each(function(){
  $(this).addClass("hides");       
 });
 $(".b").click(function(){
  $(this).removeClass("hides");
  $(this).children("ul").show().end();
  $(this).siblings().addClass("hides");
  $(this).siblings().children("ul").hide();
   
 });
});

追问

标题直接隐藏掉了！！！
$(".b").each(function(){
$(this).addClass("hides");}
这句直接向标题添加了隐藏啊
追答

hides不要写其他的css样式
追问

hides就只有display:none;这个样式而已，你自己在DreamWeaver试试，一看就知道不行啊，确定没写错？？？
追答

display:none;这个样式也不要，不要任何样式，测试成功了的

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js点击标题显示隐藏内容，为什么IE6和IE7都运行不了，其他的浏览器就可以

为你推荐：