Показать сообщение отдельно
  #1 (permalink)  
Старый 19.08.2013, 05:04
Новичок на форуме
Отправить личное сообщение для igor-igor-22 Посмотреть профиль Найти все сообщения от igor-igor-22
 
Регистрация: 19.08.2013
Сообщений: 2

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

Есть меню построенное на 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.
Изображения:
Тип файла: gif menu.gif.gif (192.0 Кб, 9 просмотров)
Тип файла: jpg menu.jpg (60.1 Кб, 7 просмотров)
Вложения:
Тип файла: zip Menu.zip (4.3 Кб, 1 просмотров)
Ответить с цитированием