Question

<TD><script type="text/java script"> 
  $(document).ready(function(){

    $("#sliding div").hide();
    $("#show_hide").show();

  $('#show_hide').click(function(){
  $("#sliding Div").slide Toggle();
   });

  }); 
 </script>
 while ($row1=mysql_fetch_array($sql))
 {
 ?>  
<div class="services_box">
<!--<div class="services_box_title"><h3 align="center">Location: </h3></div>-->
<div class="services_box_mid_cont">
<div class="inner 3" style="padding;">
<div class="inner 3_left"><a h ref="#"><img src="upload_image/
<?php echo $row   1['image']; ?>"  height="100px" width="150px"/></a></div>
<div class="inner3_right">
<div class="heading">
<label id=titl><a href="view.php?Post_id=
<?php echo   $row1['Post_id'];?>"><?php echo $row1['title'];?></a></label></div>
 <div class="para"><div style="width:380px; height:80px; overflow:auto;"> 
 <a id="desc"   href="#">&nbsp;<label id=desc><?php echo $row1['description'];?>
 </label>  </a></div> </div>
 <div class="btn"><a href="#" id="show_hide">
 <img src="images/button-reply.png" width="76" height="27" /></a></div>
 </div>
 <div class="clear"></div>
 <div class="date_time"><h3>Posted On :<?php echo $row1['date_time'];?></h3></div>
  <?php echo $row1['city']; ?> 
  <div class="contact_no">
  <h3 align="right">Contact:<?php echo $row1['user_mobno'];?> </h3></div>
  </div>
  </div>
  <div class="clear"></div>
  </div> 
 <div class="sliding Div" id="sliding Div">
 <div class="clear"></div>
  <table width="69" style="border:#CCCCCC 1px solid;">
 <tr class="head_bg">
  <TD width="132">Name</TD>
  <TD width="100">Email Id</TD>
  <TD width="194">Mobile</TD>
     </tr>
  <tr><TD col span="7" style="border-bottom:#CCCCCC 1px solid;"></td></tr>
  <tr class="head_bg">
  <TD width="400"><input type=text></TD>
  <TD width="400"><input type=text></TD>
  <TD width="400"><input type=text></TD>
     </tr>
  </table></div>

此代码仅适用于单个div而不适用于所有div。这是我的div in while循环;我正在尽我所能成功执行代码，但它无法正常工作。请告诉我解决方案..

Answer 1

$("#sliding Div").slide Toggle();

应该是

   $("#sliding Div").slideToggle();

Answer 2

您已将ID名称指定为：

id="sliding Div"

将其更改为ID中的id="sliding_div"，不应该有空格。

或者您可以使用以下JS：

$(document).ready(function(){
 $(".sliding").hide();
 $("#show_hide").show();

  $('#show_hide').click(function(){
     $(".sliding").slideToggle();
  });

});

为什么我的滑动盒不按特定部门工作

2 个答案: