Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выпадающее окно из меню js (https://javascript.ru/forum/jquery/40759-vypadayushhee-okno-iz-menyu-js.html)

igor-igor-22 19.08.2013 05:04

Выпадающее окно из меню js
 
Вложений: 3
Здравствуйте.

Есть меню построенное на CSS и JS. При наведении на определенную ссылку выпадает список (картинка menu.gif прилагается). Необходимо сделать так, чтобы из этого списка выпадало рядом окно/список (картинка #1 menu.jpg прилагается).

Помогите пожалуйста это осуществить. Я новичок в джаваскриптинге и уже третий день бьюсь над задачей обложившись литературой. Все безрезультатно.

JS код прилагаю.

var logopened=false;
$(document).ready(function(){
    $('#logbtn').click(function(){
        if(logopened)
        {
            $('#logform').hide('fast');
            $('#logbtn').removeClass('selected');
        }    
        else
        {
            $('#logform').show('fast');
            $('#logbtn').addClass('selected');
        }
        logopened=!logopened;
        return false;
    });
}).click(function(e){
    if(!logopened)
        return;
    e=e||window.event;
    var target=e.target||e.srcElement;
    while(target)
    {
        if(target==$('#logform').get(0))
            return;
        target=target.parentNode;
    }
    $('#logform').hide('fast');
    $('#logbtn').removeClass('selected');
    logopened=false;    
});

$(document).ready(function(){
		$('#topmenu li.sublnk').hover(
		function() {
			$(this).addClass("selected");
			$(this).find('ul').stop(true, true);
			$(this).find('ul').show('fast');
		},
		function() {
			$(this).find('ul').hide('fast');
			$(this).removeClass("selected");
		}
	);
});

$(document).ready(function(){
	var tabContainers = $('#news-arch .tabcont');
		tabContainers.hide().filter(':first').show();
								
		$('#news-arch .tabmenu a').click(function () {
			tabContainers.hide();
			tabContainers.filter(this.hash).show();
			$('#news-arch .tabmenu a').removeClass('selected');
			$(this).addClass('selected');
			return false;
		}).filter(':first').click();
});


Все необходимые файлы для меню в архиве menu.zip.

ksa 19.08.2013 09:03

Цитата:

Сообщение от igor-igor-22
Я новичок в джаваскриптинге и уже третий день бьюсь над задачей обложившись литературой.

Зачем ты так убиваешся? Ты ведь так не убъешся. (с) :D
Вот все, что нужно.

igor-igor-22 19.08.2013 20:22

Цитата:

Сообщение от ksa
Вот все, что нужно.

Да, спасибо, я смотрел, пробовал. Местами получалось. Но я не могу понять как такое же реализовать в данном меню.

ksa 19.08.2013 20:23

Цитата:

Сообщение от igor-igor-22
Но я не могу понять как такое же реализовать в данном меню.

Тогда готовь деньги...


Часовой пояс GMT +3, время: 13:00.