Вот пример, который идет в направлении рабочего примера того, что вы хотите. Я объясню, почему это, кажется, доставляет больше хлопот, чем стоит (при условии, что вы хотите иметь гибкий контент на обеих панелях), и расскажу, как я это сделал.
Вот jsFiddle.
Итак, первоначальная проблема заключается в том, что текущий слайд учитывается для высоты. Ну, что, если следующий слайд содержит больше контента и требует большей высоты слайдера? Я полагаю, вам нужно сравнить высоту обоих для каждого расчета высоты. Это не так сложно, но это может привести к новым неприятностям, если вам придется бороться с кодом Найла.
Вторая проблема заключается в том, что вам необходимо установить статическую ширину для двух элементов, что является нормальным в большинстве случаев для этого слайдера, но, возможно, перетаскиванием в зависимости от содержимого.
В любом случае:
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 230px }
.coda-slider { float: left; overflow: hidden; position: relative; width: 460px !important }
Вы сможете найти эти селекторы, используя find в вашем редакторе. !important - это перетаскивание, но оно необходимо, если вы не хотите переделывать много кода. По сути, вы хотите установить .coda-slider .panel равной ширине каждой панели, а затем удвоить ширину .coda-slider.
Дайте мне знать, если я что-то здесь упустил или не смог что-то объяснить должным образом. Я был бы счастлив пройти через это больше! Я много работал с этим слайдером из-за того, что унаследовал проект на работе, который использовал его очень интенсивно. С тех пор я перешел к чему-то особенному.