Так вот в чем проблема - у меня (4) коробки одинаковой ширины и высоты.Каждая коробка имеет 2 состояния: внутреннее и внешнее;inner показывается только при нажатии и скрыт через css.Я пытаюсь сделать это так, когда я нажимаю на BOX1, он показывает внутреннее содержимое box1 (ib1) и скрывает другие (3) поля, external box1, и заставляет ширину box 1 расширяться на всю ширину.Я знаю, как это кодировать, и эта часть работает нормально -
Однако я хотел бы иметь возможность переключаться между (4) блоками один раз во внутреннем состоянии ящика, вроде того, как портфель позволил бычтобы перейти к другой записи.Я знаю, что не могу просто выполнить
$(.ib1).hide();
$(.ib2).show();
, который я искал и искал, но, увы, не могу найти ничего связанного.Ниже приведен код, который у меня есть.Я действительно ценю вашу помощь заранее.
.js file
$(function() {
$( ".click" ).click(function() {
var $box2 = $(".box2");
var $ib2 = $(".ib2");
if($box2.is(":visible")){
$(".ob1").hide();
$(".box2, .box3, .box4").hide("fade", 1000);
$(".ib1").show("fade", 1000);
return false;
} else{
$(".ib1").hide();
$(".ob1, .box2, .box3, .box4").show("fade", 1000);
return false;
}
});
});
Приведенный выше код работает при переключении внутреннего / внешнего состояния, код, с которым у меня возникают проблемы, - кнопка следующего поля, код ниже:
$(function() {
$( ".ib1_next" ).click(function() {
$(".ib1").hide();
$(".box2 .ib2").show();
return false;
});
});
Я очень новичок, так что будьте осторожны :) Здесь вы можете увидеть демонстрацию того, что я имею в виду:
демонстрация из 4 коробок