jQueryslideToggle（）⽅法
如果说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 () {
jquery的attr属性/
/元素的向上的
$(".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;
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。