Горизонтальное меню

@Samokhiniu · Регистрация: 14.01.2013

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

Подгрузил на сайт скрипт плавного отображения горизонтального меню, так он почему то срабатывает со второго раза на всех пунктах.
http://www.masterwatt.ru
вот он:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function () {   
 
    $('div.menu_main li').hover(
        function () {
          $('li', this).slideDown(200);  
 
        },
        function () {
    
            $('li', this).slideUp(200);
        }
    );  
 
});

Добавлено через 18 часов 12 минут
неужели никто не знает?

@and_y87 · 15.01.2013, 11:04

Такая конструкция пойдёт?

JavaScript
1
2
3
4
5
6
7
8
9
  $(document).ready(function(){
    $(document.body).click(function () {
      if ($("div:first").is(":hidden")) {
        $("div").slideDown("slow");
      } else {
        $("div").hide();
      }
    });
  });

взято с сайта : http://xhtml.co.il/ru/jQuery/slideDown

@Samokhiniu · 15.01.2013, 12:01 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
  $(document).ready(function(){
    $(document.body).click(function () {
      if ($("div.menu_main:first").is(":hidden")) {
        $("div.menu_main").slideDown(600);
      } else {
        $("div.menu_main").hide();
      }
    });
  });

я вот так правильно подставил?) Почему то не работает

@and_y87 · 15.01.2013, 12:10

Samokhiniu, что то я туплю...

У тебя логика должна быть такой:
1. при наведении курсора на "div.c_menu li" сестренский Ul.c_menu разворачивается
2. при покидании курсора "div.c_menu li" сестренский Ul.c_menu сворачивается

так?

@Samokhiniu · 15.01.2013, 12:11 **[ТС]**

Сообщение от and_y87

Samokhiniu, что то я туплю...

У тебя логика должна быть такой:
1. при наведении курсора на "div.c_menu li" то сестренский Ul.c_menu разворачивается
2. при покидании курсора "div.c_menu li" то сестренский Ul.c_menu сворачивается

так?

да, все верно

@and_y87 · 15.01.2013, 12:11

Samokhiniu, у тебя изначально скрипт был неправильно написан, щас будет...

@Samokhiniu · 15.01.2013, 12:14 **[ТС]**

Он почему-то, хоть со второго раза но срабатывал))

@and_y87 · 15.01.2013, 12:20

Да... но всёравно кривая логика у тебя получилась там...
При наведении на Любой LI внутри Дива с классом main_menu ...
жуть ))

Попробуй вот это.... вроде должно сработать...

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
    $('ul.c_menu li').on( 'mouseover', function(){
        if ( $(this).has('ul') ){
            var obj = $(this).find('ul');
            $(obj).toggle(
                function(){$(obj).slideDown(200); },
                function(){$(obj).slideUp(200); })
            }
        }       
    )
});

@Samokhiniu · 15.01.2013, 12:29 **[ТС]**

что-то опять не работает

@and_y87 · 15.01.2013, 12:53

Блин я что то ваще дико туплю...
неправильный пример дал

Добавлено через 3 минуты
Короче...
CSS
495 строка в файле style000.css

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* это можно нафиг удалить
div.menu_main ul.c_menu li.depth_1:hover ul {
    display: block;
    position: absolute;
    z-index: 10;
    text-align: center;
    margin-left: -20px;
}
*/
div.menu_main ul.c_menu li.depth_1 ul {
    position: absolute;
    z-index: 10;
    text-align: center;
    margin-left: -20px;
}

JS такой...

JavaScript
1
2
3
4
5
6
7
8
$(document).ready(function(){
    $('.menu_main li.depth_1').on( 'mouseover', function(){
            $(this).children('ul').slideDown(200);
    })
    $('.menu_main li.depth_1').on( 'mouseleave', function(){
            $('.depth_1').find('ul').slideUp(200);
    })  
});

@Samokhiniu · 15.01.2013, 12:53 **[ТС]**

Можешь, правильный дать?)) плиз

@and_y87 · 15.01.2013, 12:55

Можно объединить так...

JavaScript
1
2
3
4
5
6
7
$(document).ready(function(){
    $('.menu_main li.depth_1').on( 'mouseover', function(){
            $(this).children('ul').slideDown(200);
    }).on( 'mouseleave', function(){
            $('.depth_1').find('ul').slideUp(200);
    })  
});

Добавлено через 24 секунды
смотри выше... ответ прикрепился к предыдущему...

@Samokhiniu · 15.01.2013, 13:03 **[ТС]**

А почему теперь при загрузке страницы они все раскрыты?

@and_y87 · 15.01.2013, 13:06

JavaScript
1
2
3
$(document).ready(function(){
    $('.depth_1').find('ul').hide(); // вставь это сюда
    $('.menu_main li.depth_1').on( 'mouseover', function(){

@Samokhiniu · 15.01.2013, 13:10 **[ТС]**

Громадное, громаднейшее спасибо, за трату времени с моим глупым вопросом)

@and_y87 · 15.01.2013, 14:18

Samokhiniu, люблю я это дело... и рад что помочь смог

Новые блоги и статьи Все статьи Все блоги /
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	15.01.2013, 12:10
	Samokhiniu, что то я туплю... У тебя логика должна быть такой: 1. при наведении курсора на "div.c_menu li" сестренский Ul.c_menu разворачивается 2. при покидании курсора "div.c_menu li" сестренский Ul.c_menu сворачивается так? 1

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	15.01.2013, 12:11
	Samokhiniu, у тебя изначально скрипт был неправильно написан, щас будет... 1

@Samokhiniu 2 / 2 / 0 Регистрация: 14.01.2013 Сообщений: 76
	15.01.2013, 12:14 [ТС]
	Он почему-то, хоть со второго раза но срабатывал)) 0

@Samokhiniu 2 / 2 / 0 Регистрация: 14.01.2013 Сообщений: 76
	15.01.2013, 12:29 [ТС]
	что-то опять не работает 0

@Samokhiniu 2 / 2 / 0 Регистрация: 14.01.2013 Сообщений: 76
	15.01.2013, 12:53 [ТС]
	Можешь, правильный дать?)) плиз 0

@Samokhiniu 2 / 2 / 0 Регистрация: 14.01.2013 Сообщений: 76
	15.01.2013, 13:03 [ТС]
	А почему теперь при загрузке страницы они все раскрыты? 0

@Samokhiniu 2 / 2 / 0 Регистрация: 14.01.2013 Сообщений: 76
	15.01.2013, 13:10 [ТС]
	Громадное, громаднейшее спасибо, за трату времени с моим глупым вопросом) 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	15.01.2013, 14:18
	Samokhiniu, люблю я это дело... и рад что помочь смог 0