jquery - 如何使用 Jquery 在单击时交替更改图像 url

Question

我正在尝试使用向上箭头和向下箭头创建类似阅读更多内容的内容。但是，在这种情况下，我没有更改文本，而是更改了向上箭头和向下箭头。如果我单击配置文件，Arrow Down则应更改为Arrow Up（不更改文本）。

$('.accordion-tab').click(function(){
           if($(this).css("background-image") === "url(https://myprofile.com/wp-content/uploads/Nav-Arrow-Down.png)"){
               $(this).css("background-image", "url(https://myprofile.com//wp-content/uploads/Nav-Arrow-Up.png)");
           }else{
               $(this).css("background-image", "url(https://myprofile.com//wp-content/uploads/Nav-Arrow-Down.png)");
           }

从代码中，我试图检查当前分配的 URL 上的背景图像，以确定将其更改为哪个。

谢谢你。

标签： jquery

Answer 1

如果您可以创建一个带有.activeappended的 css .accordion-tab，例如accordion-tab.active然后添加 background-ground/wp-content/uploads/Nav-Arrow-up.png

在您的查询中尝试

$('.accordion-tab').click(function(){
    $(this).toggleClass('active');
});