jQuery手风琴下拉菜单收缩展开特效

jQuery手风琴下拉菜单收缩展开特效

这是一款简单又实用的点击菜单展开收起效果jQuery手风琴下拉菜单收缩展开特效。

1. js代码
   
2. 
   
3. <!--为了浏览器兼容性jqeury版本推荐使用1.12.0，其他版本会出现不支持某些浏览器-->
   
4. <script type="text/javascript" src="js/jquery.min.js"></script>
   
5. <script type="text/javascript">
   
6. $(".list_dt").on("click",function () {
   
7.         $('.list_dd').stop();
   
8.         $(this).siblings("dt").removeAttr("id");
   
9.         if($(this).attr("id")=="open"){
   
10.                 $(this).removeAttr("id").siblings("dd").slideUp();
    
11.         }else{
    
12.                 $(this).attr("id","open").next().slideDown().siblings("dd").slideUp();
    
13.         }
    
14. });
    
15. </script>

复制代码

jQuery手风琴下拉菜单收缩展开特效.zip (35.79 KB, 下载次数: 443)

2021-2-27 08:47 上传

点击文件名下载附件
jQuery手风琴下拉菜单收缩展开特效