jQuery和恢复默认设置

我有以下代码：

$(document).ready(function(){
   $("#cont").hide();
   $("#slide").show();

   $('#slide').click(function(){
       $("#cont").slideToggle();
       $("#slide").css("background-image", "url('img/slideup.png')");
   });
});

这段代码只是调用了一个div，在单击另一个div并返回后，该div不知从何处滑下。在开始时，就像在CSS中一样，我将图标设置为箭头指向下方，然后在单击后，图标变为指向上方，它将保持这样。我完全不知道，如何根据div状态使其“toogle”。我尝试了很多东西，但是脚本失败了，有人能给我一些线索或者代码让bg图像切换吗？有点像正确的div声明，因为我的不工作

---

非常感谢

不是100%确定您的意思，但您可以尝试以下方法：

$('#slide').click(function(){
    if ($("#cont").is(':hidden')) {
        $("#cont").slideDown(400,function () {
            $("#slide").css("background-image", "url('img/slideup.png')");
        });
    }
    else {
        $("#cont").slideUp(400,function () {
            $("#slide").css("background-image", "url('img/slidedown.png')");
        });
    }
});

---

试试这个例子，我会用css而不是javascript设置初始显示

$(document).ready(function(){

       var slid = false,
           toggleState = function(state){

               // Figure out which direction to go.
               var direction = state ? "slideUp" : "slideDown",
                   url = state ? "img/slideup.png" : "img/slidedown.png";

               // Do the slide.
               $("#cont")[direction]();
               $("#slide").css("background-image", "url(" + url + ")" );

               // Change the state 
               slid = !state;

           };

    $('#slide').click(function(){

        toggleState(slid);

    });

});