jQuery slideToggle() 方法

如果說 slideToggle   無效或者說點擊事件點擊一下就收回，那就看看函數效果對不對，即 slideUp  和  slideDown

//最新動態的上下滑動
//獲取匹配的元素集合中的第一個元素的屬性的值 或 設置每一個匹配元素的一個或多個屬性。
//slideUp:通過高度變化（向上減小）來動態地隱藏所有匹配的元素
//slideDown:通過高度變化（向下增大）來動態地顯示所有匹配的元素
//toggle:用於綁定兩個或多個事件處理器函數，以響應被選元素的輪流的 click 事件。 \

 

//最新動態的div的class p標簽的圖片
$(".scrollNews+p img").toggle(function () {
//匹配元素的向上滑動
$(".scrollNews").slideUp();
//當前元素的向上圖片
$(this).attr("src", "images/up.gif");
//匿名
}, function () {
//匹配元素的向下滑動
$(".scrollNews").slideDown();
//當前元素的向下圖片
$(this).attr("src", "images/down.gif");
});
//通過高度變化（向上減小）來動態地隱藏所有匹配的元素
$(".m-treeview+p img").toggle(function () {
//元素的向上的
$(".m-treeview").slideUp();
//當前元素的向上圖片
$(this).attr("src", "images/up.gif");
}, function () {
//匹配元素的向下滑動
$(".m-treeview").slideDown();
//當前元素的向下圖片
$(this).attr("src", "images/down.gif");
});

//產品分類的上下滑動
//siblings:取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。可以用可選的表達式進行篩選。
//元素ul li span的匿名事件
$(".m-treeview>li>span").click(function () {
//賦一個ul的值
var ul = $(this).siblings("ul");
//visible:獲得匹配元素的當前值
//parent:在給定的父元素下匹配所有的子元素
//判斷ul中li當前的值
if (ul.is(":visible")) {
//當前父元素下的所有子元素隱藏
$(this).parent().attr("class", "m-collapsed");
ul.hide();
} else {
//當前父元素下的所有子元素顯示
$(this).parent().attr("class", "m-expanded");
ul.show();
}
return false;
});
});