宝哥软件园

jQuery实现默认为关闭的常见问题扩展效果菜单

编辑:宝哥软件园 来源:互联网 时间:2021-09-08

本文的例子告诉我们,jQuery实现默认是一个封闭的FAQ扩展效果菜单。分享给大家参考。具体如下:

这是一个默认关闭的FAQ展开菜单,主要介绍jQuery的用法。

布尔布尔值是(字符串表达式)使用表达式来检查当前选定的元素集,如果至少有一个元素满足给定的表达式,则返回true。答案is(':visible ')指的是可见的答案元素。如果可见,则调用response . slide up();把它藏起来。Else是一个调用response . slide down()的不可见元素;让它出现。类似的写法还有answer . is(' : first ')answer . is(' : last '),类似于CSS的伪类a:hover

运行效果截图如下:

在线演示地址如下:

http://demo . JB 51 . net/js/2015/jquery-close-show-FAQ-menu-codes/

运行效果截图如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/title jquery/title script type=' text/JAVAScript ' src=' http : jquery 1 . 3 . 2 . js '/script type=' text/JAVAScript ' $(文档)的一些用法。ready (function () {$ ('# FAQ ').//.隐藏显示的元素。$('#faq ')。查找(' dt ')。点击(function() { var answer=$(this))。next();//当前节点//alert的下一个节点(answer . is(' : visible '));如果(答案。is(' : visible '){//boolean is(String expr)使用表达式检查当前选定的元素集,//如果至少有一个元素满足给定的表达式,则返回true。//answer.is(':visible ')指的是可见的答案元素。//如果可见,则调用answer . slide up();把它藏起来。//else是一个不可见的元素。呼叫应答。slide down();展示出来。//类似的写作方法包括答题。是(' : first ')的回答。是(' : last '),类似于CSS伪类a : hover . answer . slide up();} else { answer . slide down();} });});/script style body { font-size :10.5 pt;} dt { background: # 00ffcc}/style/head body dl id=' FAQ ' dl id=' FAQ ' dt我们的简介/dt dd我们是中国专业的网站建设资源和脚本编程学习网站/dd dt你知道AJAX吗?/dt dd它是一个流行的交互式WEB前端应用程序。/dd dt今晚,月亮很圆/dt dd老婆,抬头看月亮,低头看老婆!/dd /dl/body/html希望这篇文章对大家的jQuery编程有所帮助。

更多资讯
游戏推荐
更多+