JQuery 点击图片按钮 实现 内容折叠效果

时间:2015/12/3 22:44:00来源:互联网 作者:flyso 点击: 1838 次

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".look").click(function(){

      $(this).next(".p1").slideToggle("slow").siblings(".p1").hide();
      var $a=$(this).children('.abc');
      if ($a.attr('src')=="images/lookBtn.png")
      {
            $a.attr("src","images/shutBtn.png");
      }
      else
      {
          $a.attr("src","images/lookBtn.png");
      }
      $a.parent().siblings().children('.abc').attr("src","images/lookBtn.png");
    });

});
</script>


<p class="look">票房联网售票图形化演<img src="images/lookBtn.png" width="69" height="20"  style="vertical-align:middle; margin:0 0 0 10px;" class="abc" /></p><div class="p1"><img src="images/jiegou.jpg" width="597" height="299" /></div><br />
  
<p class="look">自动选座售票图形化演示<img src="images/lookBtn.png" width="69" height="20"  style="vertical-align:middle; margin:0 0 0 10px;" class="abc" /></p><div class="p1"><img src="images/jiegou.jpg" width="597" height="299" /></div><br />       

Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3