代码之家  ›  专栏  ›  技术社区  ›  Brad

使用SlideToggle显示内容,希望根据当前条件显示+和-按钮

  •  2
  • Brad  · 技术社区  · 14 年前

    我使用SlideToggle来切换DIV的内容,我想知道如何在两个图像之间切换,一个是加号(+)来单击以显示内容,另一个是减号(-)来隐藏内容。

    感谢您的帮助。

    这是我要切换的一个分区

    $(document).ready(function() {
     $('#planning-click').click(function() {
      $("#planning").slideToggle(100);
     });
    });
    
    2 回复  |  直到 14 年前
        1
  •  3
  •   Marko    14 年前

    在链接上使用toggleClass方法,并相应地更改它的backRound。

    $(document).ready(function() {
     $('#planning-click').click(function() {
      $("#planning").slideToggle(100);
      $(this).toggleClass("open");
     });
    });
    
    #planning-click {
        background: url(minus.png) no-repeat;
    }
    .open {
        background-image: url(plus.png);
    }
    
        2
  •  0
  •   Matt Evanoff    14 年前

    您可以简单地更改图像上的SRC,它应该更新。所以你只是添加

    $(link).attr('src',urlfornewimage);

    在你的点击功能里面。