Помогите сделать съзжание блока вниз с помощью JQuery

249893 24.08.2012 Шаблоны (TPL), jQuery 3826

вопрос

Привет всем вот сайт _http://onnvideo.ru/cartoons/1056-dzhok.html. На нём хочу, но не могу сделать при нажатии на кнопку чтоб правый блок съзжал вниз, а плеер растягивался по всей ширине сайта.

скрин примерной работы, как я планирую

вот код, только он работает не как хочу, он блок выдвигает вправо и скрывает. Мне нужно чтоб он съезжал вниз и не скрывался

----------------
кнопка ставил в fullstory

<a href="#" class="resize" id="link_b"> спрятать </a>

стиль для кнопки

.resize {position:absolute;left:40px;top:60px;color:#777;border:1px solid #AAAAAA;border-top:none;padding:3px 3px 3px 3px;font-weight:bold;-webkit-border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;-moz-border-radius-bottomleft: 2px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;cursor:pointer;text-align:center;}

код установвил в main.tpl перед


<head>
$("#link_b").live({click:function(){
$("#b1").toggleClass("b2");
$("#b2").animate({width:'toggle'});
}});
</head>

а правый блок заключил в это

<div id="b2"> код блока </div>

Помогите пожалуйста, ГУГЛИЛ НИЧЕГО НЕ НАШЕЛ ПОДХОДЯЩЕГО. Заранее спасибо.

Ответил: Sander

- Это новый тег для обработки JS? )))


<script>
$("#link_b").live({click:function(){
$("#b1").toggleClass("b2");
$("#b2").slideToggle();
}});
</script>

Гуглить не обязательно, достаточно api.jquery.com полистать.

4 комментария

Юзер

193

249893 - 2014-09-2324 августа 2012 12:38 - #6688

так блок скрывается( а можно как то сделать чтоб он вниз съезжал не скрываясь

PHP-developer

1783

Sander - 2014-09-2324 августа 2012 18:28 - #6693

Теоретически можно, но многое зависит от существующей верстки, скорее всего ее нужно будет переделывать соответсвующим образом. Надеюсь вы умеете это делать...

PS. А вообще поддерживаю nowheremany. Лучше просто фулскрин и не парить мозги.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Эксперт

1925

nowheremany - 2014-09-2324 августа 2012 16:52 - #6689

Не проще ли сделать fullscren? гораздо удобнее, чем смотреть как двигаются блоки на сайте

Благодарность принимаю тут Связь

Юзер

175

DatiX - 2014-09-2325 августа 2012 15:19 - #6708

это конечно да, но иногда есть видео в таком качестве, что в полный экран на 22дюймах нереально смотреть.... а на увеличено плеере еще терпимо...

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?