jQuery slideToggle() 方法

方奕
2023-12-01

如果说 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;
});
});

 

转载于:https://www.cnblogs.com/dennyxiao/p/11262433.html

 类似资料: