2 qq 27608761 qq_27608761 于 2015.07.23 08:08 提问

jquery的slideToggle方法的实现问题,求改错没法显示
<div class="serlist_box serlist_box_even" id="<?php echo $value["id"]; ?>">
            <ul class="serlist_box_inner clearfix">
                            <li class="serlist_bd_station serlist_bd_station_tow">
                            <a class="stopdetail<?php echo $value["id"]; ?> 
                            first_last_station" href="javascript:;">
                     <p class="icon_depart clearfix" style="color:#06c;font-size:13px;"><i ></i><span><?php echo $value["detail"]; ?></span></p>
                     <b class="icon_hide"></b>
                   </a> </li>
  <li class="serlist_bd_station_jingting_li serlist_bd_station_jingting<?php echo $value["id"]; ?> jingting_xianlu" style="display:none" id="<?php echo $value["id"]; ?>">
                    <b>经停站:</b><span style="color:#000;font-size:13px;"><?php echo $value["station"]; ?></span>
              </li></ul>

                  <script>
         $(document).ready(function(){  
         $(".stopdetail<?php echo $value["id"]; ?>").click(
         function(){
                   $(".serlist_bd_station_jingting<?php echo $value["id"]; ?>")).slideToggle(300);
                   $(".serlist_bd_station_jingting<?php echo $value["id"]; ?>")).closest("div").siblings().find("li").slideUp();
                   return false
          });
        });
        </script> 

2个回答

showbo
showbo   Ds   Rxr 2015.07.23 08:57
已采纳

多了一个反括号了

                   $(".serlist_bd_station_jingting<?php echo $value["id"]; ?>").slideToggle(300);
                   $(".serlist_bd_station_jingting<?php echo $value["id"]; ?>").closest("div").siblings().find("li").slideUp();
qq_27608761
qq_27608761 回复showbo: 新问题那边了,如果能实现就不修改了
2 年多之前 回复
showbo
showbo 回复qq_27608761: 发你最终的代码来看下。。
2 年多之前 回复
qq_27608761
qq_27608761 回复showbo: 整块我又以新问题写出了,帮看下吧,多谢
2 年多之前 回复
showbo
showbo 回复qq_27608761:发你希望的html代码结构出来看下,如果是你问题里面发的我回复里面的就是没有问题的
2 年多之前 回复
qq_27608761
qq_27608761 回复showbo: 其实切换部分标签是这样的,<ul><li></li><ul>,只是去掉ul仍能显示,但是布局有些问题,在切换时候过渡该部分位置不受约束,就想起div约束了但加了不能正常切换了,现在更改为的结构是<div><ul><li></li></ul></div>希望能以此结构显示效果
2 年多之前 回复
showbo
showbo 回复qq_27608761: 是之内吧。。之外<div><li></li></div>这样结构就错了,不同浏览器可能会解析成其他的结构去了,<li><div></div></li>这样的话使用我最新发的那个代码,不需要更改js
2 年多之前 回复
qq_27608761
qq_27608761 回复showbo: 之前的结构对这边应该没有什么影响,多谢提点,多问一句,如果是在要显示的li:last之外再嵌套一个div的话,这句要是个怎么写法了,请教下,谢谢
2 年多之前 回复
showbo
showbo 不知道你之前的结构,搬代码过来会有问题。click事件改成下面的 $(this).parent().next().slideToggle(300); $(this).closest("div").siblings().find("li:last").slideUp();
2 年多之前 回复
sina_2831808769
sina_2831808769   Rxr 2015.07.25 13:48

多了一个反括号了
$(".serlist_bd_station_jingting<?php echo $value["id"]; ?>").slideToggle(300);
$(".serlist_bd_station_jingting<?php echo $value["id"]; ?>").closest("div").siblings().find("li").slideUp();

Csdn user default icon
上传中...
上传图片
插入图片