jQuery і повернення до налаштувань за замовчуванням - jquery

У мене є наступний фрагмент коду:

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

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

Код просто закликає ковзати поділвниз з нізвідки після натискання іншого діва та повернення назад. І на початку, як і в CSS, я встановив значок, що стрілка вказує вниз, а потім після клацання він змінюється, щоб вказувати вгору, він просто залишиться таким. Я просто не маю уявлення, як це зробити "toogle "Залежно від статусу div. Я пробував багато речей, і сценарій просто випав з ладу, чи міг би хтось дати мені якусь підказку чи код, який зробить зображення Bg перемиканням? Щось на зразок належного твердження про діви, як мій не працював ...

Дуже дякую!

Відповіді:

Не на 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);

});

});