Как выдвинуть div справа?

#jquery

#jquery

Вопрос:

Я не уверен, с чего начать. Может кто-нибудь указать мне правильное направление? Не ищу код, просто руководство.

При нажатии на ссылку я хочу, чтобы панель (высота экрана) выдвигалась справа примерно на 50% окна.

Как я могу выполнить что-то подобное?

Если я просто выполняю slidetoggle, он поднимается / опускается. Но не уверен, как выйти с правой стороны браузера?

Ответ №1:

Вы хотите использовать функцию анимации jQuery по ширине элементов.

 <div id="mydiv" style="width:0%;"></div>
  

При нажатии:

 $('#mydiv').animate({'width':'50%'});
  

Вероятно, вы получите лучшие результаты, используя некоторое позиционирование и анимацию свойства элемента «left», но animate() — это то, что вам нужно.

Ответ №2:

Это то, что я использовал, чтобы сдвинуть div вправо и удалить его. Возможно, вы захотите удалить.

 $('#' val).hide('slide', {direction: 'right'}, 500, function() {
            $('#' val).remove();
        });
  

Комментарии:

1. Похоже, это скрывает элемент… Я полагаю, что он пытается сделать скрытый элемент видимым с помощью скользящего действия.

2. Похоже, он предпочел бы, чтобы его направили к решению?