`

Jquery实现Faq问题demo

阅读更多
把所有代码放在一个html页面里
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>

    <script src="../Jquery/jquery-1[1].3.2.min.js" type="text/javascript"></script>

   
<script type="text/javascript">
        $(document).ready(function(){
            $("#faq").find("dd").hide();
            $("#faq").find("dt").click(function(){
                var  answer=$(this).next();
                if(answer.is(":visible"))
                {
                    answer.slideUp();
                }
                else
                {
                    answer.slideDown();
                }
                
            });
        });
    </script>

</head>
<body>
	<dl id="faq">
		<dt>点这里测试1?</dt>

		<dd>Never use oils or lotions which contain oils on your bird. They gunk up the feathers,
		and ruin their insulating properties. This means a chilled bird. Never wait out a cat bite--those
		require immediate veterinary attention--a bird can die within two days because a cat's mouth is so
		filthy and full of bacteria. Don't bother with over-the-counter medication. It really doesn't work,
		and in some cases, may upset the delicate bacterial balance in the bird's body, or even worsen the
		situation. Never try to treat a fracture at home.</dd>

		<dt>点这里测试2?</dt>
		<dd>Schedule a "well-bird" checkup. Prevention is the best medicine. Even though the bird might appear outwardly healthy, it may have a low-grade infection or something not so readily apparent. Your bird's health and your peace of mind will be worth it.</dd>
		
		<dt>点这里测试3?</dt>
		<dd>No. Don't attempt this, especially if the leg is broken or swollen. The vet will be able
		to remove the band, and deal with whatever injury maybe lurking under the banded area.</dd>
	
		<dt>点这里测试4?</dt>

		<dd>This is probably the most common mishap. The remedy is simple--yank! It's most easily done
		with two people. One to restrain the bird and the other to pull the feather. Use pliers, or a
		hemostat. Tweezers won't work on primaries. Make certain that the wing bones are firmly supported
		or you can break the wing. Clamp onto the feather and give a sharp tug in the direction of the
		feather. The feather will come out. Next, apply gentle, direct pressure to the follicle where the
		feather was to stop the bleeding. Dab some styptic powder on it, as it will help stop the bleeding
		as well. Let the bird rest. Ask your vet or breeder to demonstrate exactly how to pull a blood
		feather if you're apprehensive about doing it.</dd>
	</dl>

</body>
</html>

分享到:
评论

相关推荐

    使用JQuery实现折叠面板demo

    使用JQuery实现折叠面板demo

    使用jquery实现的通讯录demo

    【jQuery 实现的通讯录 Demo】是一个基于 JavaScript 库 jQuery 的简单应用实例,主要用于展示如何利用 jQuery 技术来构建一个基本的通讯录功能。在这个 Demo 中,虽然通讯录数据并未进行持久化存储,但我们可以从中...

    jquery例子大全 jquery demo

    这些插件扩展了jQuery的功能,解决了特定场景下的问题,使得开发更加高效。 ### 七、jQuery 与现代前端框架比较 虽然现在有许多现代化的前端框架,如React、Vue和Angular,jQuery 仍然有其独特的价值。对于简单的...

    jQuery各类炫酷效果demo

    本压缩包“jQuery各类炫酷效果demo”包含了一系列使用jQuery实现的精彩示例,旨在帮助开发者更好地理解和应用jQuery。 首先,让我们详细探讨一些在描述中提到的效果: 1. **表单验证**:jQuery提供了方便的API来...

    JQuery-flip-Demo

    【jQuery-flip-Demo】是一个基于jQuery库的3D翻转效果示例,它展示了如何在Web页面上创建具有视觉吸引力的动态翻转效果。这个Demo通常用于制作卡片式设计、产品展示或信息面板,为用户提供一个交互式的体验,通过...

    Jquery实现石头剪刀布小游戏Demo.html

    Jquery实现石头剪刀布小游戏Demo.htmlJquery实现石头剪刀布小游戏Demo.htmlJquery实现石头剪刀布小游戏Demo.htmlJquery实现石头剪刀布小游戏Demo.htmlJquery实现石头剪刀布小游戏Demo.htmlJquery实现石头剪刀布小...

    Jquery实现数据左右移动Demo

    在这个“Jquery实现数据左右移动Demo”中,我们将深入探讨如何利用jQuery来实现动态的数据展示,特别是在一个可能需要数据左右移动的场景,如轮播图或卡片式布局。 首先,我们需要理解jQuery的基本用法。jQuery通过...

    jquery-easyui完整demo演示

    这个“jquery-easyui 完整 demo 演示”涵盖了 EasyUI 的核心功能和组件,旨在帮助开发者深入理解和实际运用。 1. **jQuery EasyUI 的基本概念** jQuery EasyUI 是基于 jQuery 的轻量级框架,它不依赖任何其他库,...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

    jquery实现faq问答展开折叠.rar

    《使用jQuery实现FAQ问答展开与折叠的技巧》 在网页设计中,FAQ(Frequently Asked Questions,常见问题解答)部分通常包含一系列用户可能遇到的问题及其答案。为了优化用户体验,经常采用展开与折叠的交互方式来...

    Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮

    Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮 ...Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮Demo 用jQuery实现最简单的滚屏效果2(加了上下按钮

    jquery easyui datagrid demo

    这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    Ajax+JQuery应用Demo

    工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。

    jquery-combobox2Demo

    jquery-combobox2Demo 网上都有的例子保存在这里方面下载

    jquery.autocomplete干净demo

    综上所述,"jquery.autocomplete干净demo"提供了一个实用的起点,展示如何使用 jQuery 实现一个功能完善的自动完成功能。开发者可以根据自己的需求调整数据源、样式和事件处理,以满足特定项目的要求。这个干净的...

    Jquery 实现效果 多个demo

    本系列的多个Demo将深入展示jQuery如何实现各种常见和复杂的效果,帮助开发者快速掌握jQuery的核心技能。** 1. **DOM操作**: - `$(selector)`:jQuery的选择器用于选取HTML元素,例如`$("#myID")`选择ID为"myID...

    jquery大量特效demo

    jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo jquery大量特效demo

    jQuery实现星星评价效果demo

    "jQuery实现星星评价效果demo"是一个关于如何使用jQuery库来创建一个直观且动态的星级评分系统的实例。这个项目适用于那些希望在网站上添加评论评分功能或者产品评级功能的开发者。 首先,jQuery是一个轻量级的...

    jquery实现返回顶部按钮demo

    jquery实现返回顶部按钮demo,利用简单的jquery动画,易于学习

    jquery.uploadify实例Demo

    本实例Demo基于jQuery.uploadify 3.2.1版本,是该插件的最新稳定版,经过测试,在Internet Explorer、Firefox以及Google Chrome等主流浏览器下都能正常运行,提供了良好的兼容性保障。 jQuery.uploadify的核心功能...

Global site tag (gtag.js) - Google Analytics