Выдвижная панель Wordpress

@Divil · Регистрация: 11.04.2012

Студворк — интернет-сервис помощи студентам

HTML5
1
2
3
4
5
6
7
8
<header role=""></header>
    <nav><ul role="navigation">
<li><a><img>text</a></li>
<li><a><img>text</a></li>
<button id="hide">&times;</button>
</ul></nav>
    <div id="content" role=""></div>
    <footer role=""></footer>

как можно сделать не полную выдвижную/задвижную вертикальную панель на jquery?
P.S. Подобно навигационной панели в админке вордпресса.
Заранее благодарен!!!

@Divil · 10.09.2014, 21:56 **[ТС]**

Во-первых, как можно упростить ниже указанный код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// Функция скрытия/показа сайдбара
    function LSClick(w, ml, sd) {
        localStorage['wdt'] = w;
        localStorage['mrgleft'] = ml;
        localStorage['sidebar'] = sd;
        $('#sidebar').animate({'width': w}, 500);
        $('#content').animate({'margin-left': ml}, 500);
    }
    
    // Функция показа/скрытия текста у картинок
    function ToggleSideText(tt) {
        if(tt == 'true') {
            $('.txt_menu').hide();
        } else {
            $('.txt_menu').show();
        }
    }
    
    // По клику активируем функцию LSClick()
    $('#hide').click(function(){
        if(localStorage['sidebar'] == 'true') {
            LSClick('25px', '45px', 'false');
            ToggleSideText('true');
        } else {
            LSClick('160px', '180px', 'true');
            ToggleSideText('false');
        }
    });

Во-вторых, как сделать исчезновение/появление текста менюшек без скачков картинок?
Что происходит у меняпри нажатии на картинку(localStorage['sidebar'] == 'false'): слайдер двигается, текст появляется, из-за длинного текста расстояние между картинками скакнет, как-будто между ними текст, и на место обратно становится, так бывает и при скрытии. Как можно этого избежать?
Заранее благодарен за помощь!

Новые блоги и статьи Все статьи Все блоги /
попытка написать игровой сервер на C++ pyirrlicht 29.04.2026 попытка написать игровой сервер на плюсах с открытым бесконечным миром. возможно получится прикрутить интерпретатор питон для кастомизации игровой логики. что есть на текущий момент:. . .	Контроль уникальности выбранного документа-основания при изменении реквизита Maks 28.04.2026 Алгоритм из решения ниже разработан на примере нетипового документа "ЗаявкаНаРемонтСпецтехники", разработанного в КА2. Задача: уведомлять пользователя, если указанная заявка (документ-основание). . .	Благородство как наказание Maks 24.04.2026 У хорошего человека отношения с женщинами всегда складываются трудно. А я человек хороший. Заявляю без тени смущения, потому что гордиться тут нечем. От хорошего человека ждут соответствующего. . .	Валидация и контроль данных табличной части документа перед записью Maks 22.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в КА2. Задача: контроль и валидация данных табличной части документа перед записью с учетом регламента компании. . .
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .

Опции темы