Question

Доброй ночи.

Понравилось мне одно вертикальное меню, найденное в сети и я бы хотела установить его на сайт (в боковой контейнер), но не знаю, как правильно это сделать?

Вот ссылка, как это меню должно выглядеть в идеале.

Загвоздка у меня возникла в пункте номер 3.

1) Html код я ставлю в то место, где будет само меню (то есть, в первый контейнер). Тут все ясно.

2) Затем в CSS прописываю стили, чтобы оно выглядело красиво. С этим тоже проблем нет.

3) А потом, в инструкции написано сделать вот что (и с этим как раз и возникают проблемы, потому что я не знаю, КУДА это надо вставлять) - Подключаем jQuery библиотеку и подключаем следующий скрипт:

 

$(document).ready(function () {
    $('#cssmenu li.has-sub > a').on('click', function(){
        $(this).removeAttr('href');
        var element = $(this).parent('li');
        if (element.hasClass('open')) {
            element.removeClass('open');
            element.find('li').removeClass('open');
            element.find('ul').slideUp();
        }
        else {
            element.addClass('open');
            element.children('ul').slideDown();
            element.siblings('li').children('ul').slideUp();
            element.siblings('li').removeClass('open');
            element.siblings('li').find('li').removeClass('open');
            element.siblings('li').find('ul').slideUp();
        }
    });
 
    $('#cssmenu>ul>li.has-sub>a').append('<span class="holder"></span>');
});

Подскажите, пожалуйста, куда на Юкозе надо вставить код из пункта 3?

Ведь по-умолчанию jQuery уже подключено на Юкозе, верно? Выходит, что надо только надо этот код куда-то примостить и все?

Помогите, пожалуйста.

Answer 1

Вставьте скрипт туда где вы и разместили это меню, в самый низ контейнера.
 jQuery-библиотеку никуда ставить не надо.
Только не забудьте обернуть код в это <script>здесь код скрипта</script>

Comments

Пробовала. Это ничего не дает. В контейнере после меню просто отображается код и все.

---

Выше отписал.

---

Уже лучше.

Только почему-то рядом со стрелками категорий еще какие-то плюсы и минусы отображаются, которых быть нет должно. Их можно как-то убрать?

---

Адрес своего сайта предоставьте.

---

Я это делаю на тестовом сайте пока. На основной не вешаю, пока не добъюсь нужного результата.

---

А адрес тестового сайта тоже тайна? не видя в живую проблемы она не решаема, экстрасенсы в отпуске...

---

Нет, не тайна, показывать стыдно просто. Прежде, чем что-то устанавливать, тестирую на нем. В результате, это даже сайтом назвать нельзя.

Вот.

---

В ксс пропиши следующее...

em {display:none;}

---

Теперь то, что нужно. Спасибо за помощь!