问题描述

js点击显示再点击隐藏的问题，急求解答

相关代码如下

$(function(){
$(".serlist_bd_station_jingting").hide();
$(".stopdetail").click(function(){
$(".serlist_bd_station_jingting",this).toggle(300);
})
})

 <ul   class="serlist_box_inner clearfix">
              <li class="serlist_bd_stime"><p class="stime1"><span><?php ech  o $value["linename"]; ?></span></p><div class="smark clearfix"></div></li>
              <li class="serlist_bd_station serlist_bd_station_tow" onclick="jingting_show()" id="station_start_to_end">
                   <a class="stopdetail">
                     <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>

                   <ul class="serlist_bd_station_jingting" >
                       <li class="serlist_bd_station" >
                         <b>经停站：</b><span><br/>
                         <p class="icon_departjingting" style="color:#06c;font-size:13px;"         >
                        <?php echo $value["station"]; ?></span></p>
                       </li>
                   </ul>

请问问题出在哪里了，实在是不太懂怎么回事，求解答跪谢

解决方案

   $(function () {
        $(".serlist_bd_station_jingting").hide();
        $(".stopdetail").click(function () {
            $(".serlist_bd_station_jingting").toggle(300);//////去掉this参数，你增加this参数就是在.stopdetail下找.serlist_bd_station_jingting这个对象，当然找不到
        })
    })

解决方案二：

$(document).ready(function(){
$(".btn1").click(function(){
$("p").hide();
});
$(".btn2").click(function(){
$("p").show();
});
});

This is a paragraph.

Hide
Show

w3school上的。。。你可以看一下。

解决方案三：

可以先定义一个变量判断当前状态，然后在点击时判断要设置的状态即可。

解决方案四：

点击显示隐藏js

解决方案五：

你写法有问题，这样：
$(function(){
$(".serlist_bd_station_jingting").hide();
$(".stopdetail").toggle(
function(){$(".serlist_bd_station_jingting").hide();},
function(){$(".serlist_bd_station_jingting").show();}
);
});