第三种实现方式：可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。
成都创新互联主要从事成都网站制作、网站设计、外贸网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务龙里,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:13518219792
jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
JQ中显隐有以下几种方式 show()，hide()，toggle()，slideDown()然后还有css设置div的style属性都可操作show()方法 显示出隐藏的 元素。
Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
要看你的show方法里面的参数是否正确。show方法可以使用数字和slow，fast，normal这几个字符串。
这种问题就检查下标点符号 如结尾的分号是否是中文格式下的。不行就在里面先ALERT 看看是否能进去。debug看下是否报错等来排除原因。找出错误点。因为这样看上去确实没那里是错的。
拷贝你的代码，测试有错，$(document).read(...)；方法里，你的show 和 hide定义的两个方法有一个没闭合，直接运行不了。然后修改已后，再运行就没错了，没有出现你说的“两个一起就不执行了”的情况。
你换个浏览器。这个不行就换另一个，windows自带的基本没啥么问的的。
通过代码总体看出你存在的三个大问题：对HTML不熟，熟手不会写标签；满篇都是内嵌CSS样式，CSS代码没有复用的可能；对jQuery的API不熟，jq提供 .hide() 和 .show() 方法来实现元素的隐藏和显示的。
1、因为input属于表单元素，所以获取其内容使用的是val()方法。
2、JQ中显隐有以下几种方式 show()，hide()，toggle()，slideDown()然后还有css设置div的style属性都可操作show()方法 显示出隐藏的 元素。
3、jquery中show()是显示出隐藏的元素。比如有如下代码：(.btn2).click(function(){ $(p).show()；})；点击按钮2的时候，文字就显示出来了。jquery中hide()是隐藏当前显示的元素。