本文介绍了一种使用jQuery实现的JavaScript交互技术，该技术能够通过点击事件改变网页内容的显示状态，实现动态加载和切换效果。
$(function () {
var _content = $('.list .item');
_content.on("click",function(){
if ($(this).next(".content").is(":hidden")) {
_content.removeClass("selected");
$(this).addClass("selected");
_content.next(".content").slideUp("slow");
$(this).next(".content").slideDown("slow")
} else {
$(this).removeClass("selected");
$(this).next(".content").slideUp("slow");
}
});
})
var _content = $('.list .item');
_content.on("click",function(){
if ($(this).next(".content").is(":hidden")) {
_content.removeClass("selected");
$(this).addClass("selected");
_content.next(".content").slideUp("slow");
$(this).next(".content").slideDown("slow")
} else {
$(this).removeClass("selected");
$(this).next(".content").slideUp("slow");
}
});
})
扫一扫
1396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
