javascript - 下拉联系表单 - 表单向下动画后更改按钮上的背景图像

Question

我正在创建一个下拉联系表单，您可以查看下面的代码:

http://jsfiddle.net/VtQbE/4/

目前基本上有一个黑色按钮，按下它会触发 jquery 下拉并显示表单。

我想要做的是有一个显示“向下箭头”的背景图像，然后在按下按钮并下拉以显示表单后，我想要一个“向上箭头”

看起来很简单，但我还没有找到一种方法来做到这一点，同时搞乱它。

任何想法将不胜感激!!

Answer 1

将向下箭头背景图像添加到 <div id="contactLink"></div>像这样<div id="contactLink" style="background:url('arrowdown.png')"></div>然后在你的函数中

$("#contactLink").click(function(){
   if ($("#contactForm").is(":hidden")){
      $("#contactForm").slideDown("slow");
      $('#contactLink').css('background', "url('arrowup.png')");
   }else{
      $("#contactForm").slideUp("slow");
      $('#contactLink').css('background', "url('arrowdown.png')");
   }
});