jQuery(slideToggle)


slideToggle 相当于 slideDown 和 slideUp 的组合

例如: 单击一次是向上收起的话 下一次就是下拉


<script type="text/javascript">
  $(document).ready(function(){
  
    /* 滑动显示效果 */
    $("#testslidedown").click(
     function(){
      $("#first").slideDown("slow", function(){alert("done");});
     }
    ); 
    $("#testslideup").click(
     function(){
      $("#first").slideUp(3000);
     }
    ); 
    $("#testslidetoggle").click(
     function(){
      $("#first").slideToggle("slow");
     }
    );    
                 

               
  });
 </script>

注解: 这个和Toggle 方法  是不同的  虽然名称里面都有个Toggle

  Toggle 方法里面可以有多个方法 单击的时候 循环调用

  下面是Toggle 的例子

$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);

posted @   郑文亮  阅读(1509)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示