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

Answer 2

http://jsfiddle.net/VtQbE/6/在这里，希望它是你需要的:)

我用的是网上找的图，用你自己的。如果要将图像放置在黑条内的其他位置，还可以添加一些 css。