使用jquery怎么实现一个手风琴下拉菜单效果-成都快上网建站

快上网建站品牌

13518219792

使用jquery怎么实现一个手风琴下拉菜单效果

使用jquery怎么实现一个手风琴下拉菜单效果？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

为金沙等地区用户提供了全套网页设计制作服务，及金沙网站建设行业解决方案。主营业务为网站设计、成都做网站、金沙网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

html代码


 
  
  • 
   学科领域
    •         
  • 机械电子
    •     
  • 生物工程
    •     
  • 能源环保
    •     
  • 化学化工
    •          
  •    省份地区
    •         
  • 陕西省
    •     
  • 江苏省
    •     
  • 山东省
    •     
  • 河南省
    •          
  •    经费范围
    •         
  • 50万~100万
    •     
  • 100万~200万
    •     
  • 200万~500万
    •     
  • 500万以上
    •          
  •    需求状态
    •         
  • 状态1
    •     
  • 状态2
    •         

    css代码

    .site-accordion>li{
 margin-top: 13px;
}
.site-accordion>li .tab-head{
 width: 160px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #9c9c9c;
 font-size: 16px;
 background: #f2f2f2;
}
.site-accordion>li .tab-head:hover{
 background: #292d48;
}
.site-accordion>li .tab-head:after{
 content: '';
 border: 5px solid #4F5160;
 border-color: #4F5160 transparent transparent transparent;
 margin-top: 20px;
 position: relative;
 top: 10px;
 left: 5px;
}
.site-accordion>li .tabs-list{
 display: none;
}
.site-accordion>li .tabs-list li{
 width: 160px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #9c9c9c;
.site-accordion>li .tabs-list li:hover{
 background: #f2f2f2;
}

    jQuery代码

    $('.tab-head').click(function(){
     $(this).next().slideToggle();
     $('.tab-head').css('background','#FFFFFF');
     $(this).css('background','#292d48');

    })

    看完上述内容，你们掌握使用jquery怎么实现一个手风琴下拉菜单效果的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


    网页名称：使用jquery怎么实现一个手风琴下拉菜单效果
    文章路径：http://kswjz.com/article/pcccdj.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

    其他资讯

    行业动态

    企业网站建设的重要性！

    现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...

    服务项目

    联系吧 在百度地图上找到我们

    电话：13518219792

    如遇占线或暂未接听请拨：136xxx98888

    业务咨询 技术咨询 售后服务
    网站设计
    LED网站设计方案
    成都网站设计公司
    企业网站设计
    手机网站设计
    网站制作
    温江网站制作
    网站制作公司
    wap网站制作
    成都网站制作
    联系我们
    电话：13518219792
    邮箱：631063699@qq.com
    地址：成都青羊区锦天国际1002号
    网址：www.kswjz.com
    网站建设
    攀枝花网站建设
    成都网站建设
    网站建设
    成都网站建设

    微信二维码

    Copyright © 2002-2023 www.kswjz.com 快上网建站品牌 QQ：244261566 版权所有 备案号：蜀ICP备19037934号