Меню с выезжающим сайдбаром, как настроить скрипт?

Question

[Jazz75RUS]

Здравствуйте, помогите пожалуйста настроить этот скрипт

Нужно что бы было несколько пунктов меню со своими сайдбарами, по сути то же самое что и в демо, только у всех нужен единый стиль открытия, например st-effect-11.

Ссылки открытия выглядят так :

<a class="st-effect" data-effect="st-effect-11" href="#3">Ссылка 1</a>
<a class="st-effect" data-effect="st-effect-11" href="#5">Ссылка 2</a>

А выезжающая панель так:

<nav class="st-menu st-effect-11" id="menu-9">

id menu я так понял ни на что не влияет, отношение ссылки к панели задается в параметре st-effect-11, но она же отвечает за стили открытия, как можно присвоить всем ссылкам 11 стиль открытия но при этом сделать разные связи между ссылками и панелями?

Заранее спасибо за любую помощь

ps
Исходники примера можно скачать тут

Answer 1

[Максим]

а если не пользоваться готовым а написать с ноля своё ?

Comments

[Jazz75RUS]

вы че с "ответы маил.ру" сбежали?

[Максим]

Jazz75RUS: своё проще , чем ковырять левый код , и на майле я тоже есть , и на stackoverflow

[Jazz75RUS]

Максим Жаров: смотрите в чем прикол: первая строчка "Здравствуйте, помогите пожалуйста настроить этот скрипт " соответственно вопрос именно в этом скрипте, логично же?)) Ну или как вариант предложите готовый код, буду признателен, конечно нет, вот по этому и доковырять готовый прошу))

[Максим]

Jazz75RUS: а как понять разные связи между ссылками и панелями ? ну к примеру что бы все кнопки отработали один и тот эффект то просто везде поставьте ...11

[Jazz75RUS]

Максим Жаров: мне нужно что бы ссылка1 открывала панель1, ссылка2 - панель2 и т.д. как в примере, но стиль открытия был у всех един, например 11

[Максим]

Jazz75RUS: https://cloud.mail.ru/public/2sT9/LXjPJ5ygd проверь , если не так напиши

[Jazz75RUS]

Максим Жаров: ты меня не понял или я не так выразился, в твоем примере по клику на любую ссылку открывается панель
nav class="st-menu st-effect-11" id="menu-11"
а в оригинале
по клику на ссылку 1 открывается панель 1
по клику на ссылку 11 открывается панель 11
по клику на ссылку 12 открывается панель 12 понимаешь?))

[Максим]

Jazz75RUS: это в смысле что бы каждая панель была в разных местах ?

[Jazz75RUS]

Максим Жаров: открой оригинал и посмотри в коде:
по ссылке
button data-effect="st-effect-1"Slide in on top/button
открывается панель
nav class="st-menu st-effect-1" id="menu-1"
_______________________________________________
по ссылке
button data-effect="st-effect-2"Reval top/button
открывается панель
nav class="st-menu st-effect-2" id="menu-2"
_______________________________________________
по ссылке
button data-effect="st-effect-3"Push top/button
открывается панель
nav class="st-menu st-effect-3" id="menu-3"

[Jazz75RUS]

Jazz75RUS: мне так и нужно, цифры генерируются движком и соответствую ссылкам, это все збс, проблема в том что стили привязаны к идентификатору ссылок и панелей, т.е. если ссылка 12 и панель 12 то и стиль ее открытия 12, а мне нужно что бы стиль не зависел от id так наверное понятней будет?

[Максим]

Jazz75RUS: так получается вам надо полноценный плагин написать ?

[Jazz75RUS]

Максим Жаров: не надо я справлюсь, спасибо.

[Максим]

Jazz75RUS: на ru.stackoverflow.com напишите этот вопрос , но там надо что бы вы привели пример того что вы реализовали , особенно что связано с php и js , но и разметка на html тоже будет не плохо , если по чесноку сказать здесь задача на чистом js + генерация в php .. удачи вам .
Но скажу на перёд , что ни кто вам это за бесплатно делать не будет , это полноценная работа , которая стоит денег .
Если ваш плагин для wordpress то в сообществе wordpress возможно его напишут и за бесплатно - если идея понравится разработчикам.

[Jazz75RUS]

Максим Жаров: спасибо за помощь, ваш ответ в принципе и был верный, проще самому было с нуля написать)

[Максим]

Jazz75RUS: я и говорил - что левые скрипты ковырять не айс