У меня есть ситуация, когда я не понимаю Toggle jQuery.jQuery Изображение тумблера
У меня есть две кнопки, обе из них открывают один и тот же контент, и когда вы нажимаете на любую кнопку, содержимое должно открываться или закрываться, а атрибут меняет кнопку от открытого до закрытого. (Таким образом, обе кнопки выполняют ту же функцию).
Единственное, когда я нажимаю на верхнюю кнопку, и открывает мое содержимое, а затем нажимает на нижнюю кнопку, чтобы закрыть его, атрибуты изображения переключаются неправильно.
Вот очень урезанная версия того, как выглядит мой код, и я был бы признателен за помощь.
<script language="javascript" type="text/javascript">
$(function() {
var open = false;
$("#button1, #button2").toggle(
function() {
open = true;
$("#button1").attr("src", "images/btn-open.gif");
$("#button2").attr("src", "images/btn-open.gif");
},
function() {
if (open) {
$("#button1").attr("src", "images/btn-closed.gif");
$("#button2").attr("src", "images/btn-closed.gif");
} else {
$("#button1").attr("src", "images/btn-open.gif");
$("#button2").attr("src", "images/btn-open.gif");
}
open = false;
}
);
});
</script>
<img id="button1" src="images/btn-open.gif"></img>
<br />
<br />
<br />
<br />
<img id="button2" src="images/btn-open.gif"></img>
Спасибо, Ник, позвольте мне попробовать и посмотреть, как обстоят дела;) –
Это дерьмо! Спасибо, Ник! –