jQuery анимационные изображения

Question

Я разрабатывал интерфейс и, в принципе, есть функция, которую я не могу понять, как это сделать.

У меня есть 2 фоновых изображения и на каждом изображении у меня есть кнопка. Когда я нажимаю на кнопку, анимация противоположного изображения исчезает с экрана. Я делаю это с JQuery и анимация работает правильно. Однако у меня проблемы с изменением размера изображения. Когда я изменяю размер окна, правое изображение остается над левым изображением, и я этого не хочу. Вот ссылка на то, что я пытаюсь сделать. http://franciscowanzeller.com/animation-example/panel.html

Какие-либо предложения? Надеюсь, ты сможешь мне помочь.

Answer 1

Ты можешь подать заявку width из этого и div влево и вправо при изменении размера экрана. лайк

$( window ).resize(function() {
     var w = ($(window).width())/2;   //half width of window
     $( "div .left" ).css({width : w+'px'});
     $( "div .right" ).css({width : w+'px'});
});