$('#button')是要点击的按钮，$('#view')是要显示或隐藏的内容区域

一、点击按钮显示隐藏

$(function () { $("#button").click(function () {if($('#view').is(':hidden')){$("#view").show();}else{$("#view").hide();}});})

二、点击空白处隐藏div

$(function () { $('#button').click(function (event) { //取消事件冒泡 event.stopPropagation(); //按钮的toggle,如果div是可见的,点击按钮切换为隐藏的;如果是隐藏的,切换为可见的。 $('#secondMenu').slideToggle('slow'); return false;}); //点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。$(document).click(function(event){var _con = $('#button'); // 设置目标区域if(!_con.is(event.target) && _con.has(event.target).length === 0){ $('#view').slideUp('slow'); //滑动消失//$('#view').hide(1000);//淡出消失}});})

.hide() //隐藏

.show() //显示

.slideToggle（）//切换滑入和滑出

.slideDown() //滑出

.slideUp() //滑入

.fadeIn() //淡入

.fadeOut() //淡出

.fadeToggle() //切换淡入和淡出