Javascript 切换时更改图标

Javascript 切换时更改图标,javascript,jquery,css,Javascript,Jquery,Css,我有这个密码 jQuery(函数($){ //之后,使用此按钮切换内容 $('.content_toggle').hide(); $('.link toggle')。在('')之前; $(“.link toggle”)。单击(函数(){ $(this.toggleClass('active'); $(this).next(“.project.content_toggle”).slideToggle(“slow”); $('.project').find('i').toggleClass('fa

我有这个密码

jQuery(函数($){
//之后,使用此按钮切换内容
$('.content_toggle').hide();
$('.link toggle')。在('')之前;
$(“.link toggle”)。单击(函数(){
$(this.toggleClass('active');
$(this).next(“.project.content_toggle”).slideToggle(“slow”);
$('.project').find('i').toggleClass('fa-caret-right-fa-caret-down');
});

//让我们应用魔法当您切换所有
i
的类时,您需要切换上下文中使用当前元素的类。因此,您可以使用导航到具有
项目的元素

使用

而不是

$('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
jQuery(函数($){
//之后,使用此按钮切换内容
$('.content_toggle').hide();
$('.link toggle')。在('')之前;
$(“.link toggle”)。单击(函数(){
$(this.toggleClass('active');
$(this).next(“.project.content_toggle”).slideToggle(“slow”);
$(this).closest('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
});
});
i,
h4{
显示:内联块;
}

链接1
你好,世界

链接2 你好,世界


如果要切换所有
i
的类,则需要切换上下文中使用当前元素的类。因此,您可以使用导航到带有
project
类的元素

使用

而不是

$('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
jQuery(函数($){
//之后,使用此按钮切换内容
$('.content_toggle').hide();
$('.link toggle')。在('')之前;
$(“.link toggle”)。单击(函数(){
$(this.toggleClass('active');
$(this).next(“.project.content_toggle”).slideToggle(“slow”);
$(this).closest('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
});
});
i,
h4{
显示:内联块;
}

链接1
你好,世界

链接2 你好,世界


$(this)
抓取当前元素,然后用

jQuery(函数($){
//之后,使用此按钮切换内容
$('.content_toggle').hide();
$('.link toggle')。在('')之前;
$(“.link toggle”)。单击(函数(){
$(this.toggleClass('active');
$(this).next(“.project.content_toggle”).slideToggle(“slow”);
$(this).closest('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
});

//让我们应用魔法用
$(this)
抓取当前元素,然后用

jQuery(函数($){
//之后,使用此按钮切换内容
$('.content_toggle').hide();
$('.link toggle')。在('')之前;
$(“.link toggle”)。单击(函数(){
$(this.toggleClass('active');
$(this).next(“.project.content_toggle”).slideToggle(“slow”);
$(this).closest('.project').find('i').toggleClass('fa-caret-right fa-caret-down');
});

//让魔术师以40秒击败你我的邪恶孪生兄弟:)@Satpal,事实上,根据我的页面是6秒:)哦,好吧,你还是打败了我!以40秒击败了你我的邪恶孪生兄弟:)@Satpal,事实上,根据我的页面是6秒:)哦,好吧,你还是打败了我!
$(this).closest('.project').find('i').toggleClass('fa-caret-right fa-caret-down');