Здравствуйте.
Есть меню построенное на 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.
