Javascript 将展开和折叠图像添加到链接

Javascript 将展开和折叠图像添加到链接,javascript,jquery,css,Javascript,Jquery,Css,当我点击链接时,它会工作,它会折叠其他隐藏的名称,但我试图在点击链接后更改图像。这个不能用了。以下是我现在拥有的: $(文档).ready(函数(){ $(“.toggler”)。单击(函数(e){ e、 预防默认值(); //存储在数据电子邮件中的数据 var emailData=($(this).attr(“数据电子邮件”); //切换单击的链接 $(“.email”+emailData.toggle(); $(“.more”).toggle(); //选择父对象并查找跨度,以便 //切换

当我点击链接时,它会工作,它会折叠其他隐藏的名称,但我试图在点击链接后更改图像。这个不能用了。以下是我现在拥有的:

$(文档).ready(函数(){
$(“.toggler”)。单击(函数(e){
e、 预防默认值();
//存储在数据电子邮件中的数据
var emailData=($(this).attr(“数据电子邮件”);
//切换单击的链接
$(“.email”+emailData.toggle();
$(“.more”).toggle();
//选择父对象并查找跨度,以便
//切换“email plus”类
$(this).parent().find(“span”).toggleClass(“email plus”);
$(this.parent().find(“span”).toggleClass(“less”);
});
});

姓名:
名称1

名称2

名称3


请检查演示并尝试。删除
更多
更少

参见或