jquery - CSS Jquery の切り替え

Question

このコードを使用してコンテンツを表示/非表示にしています:

$(function(){
  $('#slider').css('display','');

  $('#hideslider').click(function(){
    $('#slider').slideToggle('slow');
    $(this).toggleClass('slideSign');
    return false;
  });
});

をクリックする#hidesliderと、 のコンテンツを表示/非表示にします#slider。#hideslidercssで背景画像として上向き矢印を使用しています。#sliderが下向き矢印に表示されていないときに、この背景画像を変更する方法はありますか。たとえば、#sliderdisplay が'none'の場合、別の背景イメージを に表示し#hidesliderます。手伝ってくれてありがとう。