2

ドロップダウンの連絡フォームを作成しています。以下のコードを表示できます。

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

基本的に現在、黒いボタンがあり、押すとjqueryがドロップダウンしてフォームを表示します。

私がやりたいのは、「下向き矢印」を示す背景画像を作成し、ボタンを押してドロップダウンしてフォームを表示した後、「上向き矢印」が必要です。

それはとても単純なようですが、私はそれをいじりながらこれを行う方法を見つけていません。

どんなアイデアでも大歓迎です!!

4

2 に答える 2

2

<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')");
   }
});
于 2012-07-03T15:35:06.003 に答える
1

http://jsfiddle.net/VtQbE/6/これが、必要なものであることを願っています:)

私はウェブ上で見つけた画像を使用しました。あなた自身のものを使用してください。画像を別の場所の黒いバー内に配置する場合は、CSSを追加することもできます。

于 2012-07-03T15:43:08.823 に答える