js slideToggle 的另一种实现方式,根据不同的状态添加选中颜色
2016-03-20 16:49
579 查看
$(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");
}
});
})
相关文章推荐
- Day02 CSS,JAVAScript
- js正则表达式具体时间的验证,当前日期跟所填日期比较大小,时间的比较
- JavaScript拥有动态类型
- 关于在servlet和action中返回json数据的一些问题
- DOM事件处理程序学习随笔1(IMOOC)
- JMeter学习(三十五)使用jmeter来发送json/gzip格式数据
- js总结
- JS加载时间线
- BZOJ 1012([JSOI2008]最大数maxnumber-单调队列)
- 初始JSON
- JS异步加载的三种方式
- JavaScript简单继承
- 使用jsp的forward指令进行页面跳转时注意session对象的清除
- JS定时器简单时钟案例复习
- JavaScript中的设计模式:状态模式
- 《高性能JavaScript》读书笔记
- javascript HashTable
- bzoj 1014 [JSOI2008]火星人prefix(splay+hash)
- FastJson构造json串空的问题
- cesium js学习一加载三维模型