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');