менюшка как сделать

Тема в разделе "Как сделать...", создана пользователем Juri, 8 июл 2009.

Статус темы:
Закрыта.
  1. Juri

    Juri

    Заблокирован
    Регистр.:
    5 окт 2007
    Сообщения:
    1.065
    Симпатии:
    197
    смысл такой, сть допустим три раздела, скажем раздел1 раздел2 раздел3 в каждом из них есть по 10 - 15 подразделов.

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

    заранее спасибо
     
  2. BuzzDD

    BuzzDD Постоялец

    Регистр.:
    9 фев 2009
    Сообщения:
    76
    Симпатии:
    5
  3. Juri

    Juri

    Заблокирован
    Регистр.:
    5 окт 2007
    Сообщения:
    1.065
    Симпатии:
    197

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

    пример

    see-porno.ru

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

    может видели где такое встречается, я бы уже скриптулину выдрал
     
  4. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
  5. Juri

    Juri

    Заблокирован
    Регистр.:
    5 окт 2007
    Сообщения:
    1.065
    Симпатии:
    197
    Спасибо конечно, но это не много не то. Нужно что б при открытии следующего раздела предыдущий закрывался. вот в чем все загвостка
     
  6. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    ещё есть плагин для jquery который можно настроить под свой проект, например чтоб пункты закрывались или оставались открытые и т. д., a html дерева просто список ul li

    http://docs.jquery.com/Plugins/Treeview

    демо, вариант 2 и 3 по теме

    http://view.jquery.com/trunk/plugins/treeview/demo/
    скрипт из демо
    http://view.jquery.com/trunk/plugins/treeview/demo/demo.js


    вариант 3 использует куки и запоминает позицию дерева, так что дерево остаётся то же после перезагрузки страницы
    для третьего варианта нужен плагин jquery cookie

    http://plugins.jquery.com/project/Cookie

    неудобство только что пока не загрузится страница и не запустится скрипт показывается всё дерево открытое, но можно исправить например не показывать дерево пока скрипт не запустился с яваскриптом или css стилями сразу указывать все стили для веток дерева.
     
Статус темы:
Закрыта.