카페24 메뉴 슬라이드다운
본문
show: function(overNode, iCateNo) {
if (methods.aSubCategory[iCateNo].length == 0) {
return;
}
var aHtml = [];
aHtml.push('<ul>');
$(methods.aSubCategory[iCateNo]).each(function() {
aHtml.push('<li><a href="/'+this.design_page_url+this.param+'">'+this.name+'</a></li>');
});
aHtml.push('</ul>');
var offset = $(overNode).offset();
$('<div class="sub-category"></div>')
.appendTo(overNode)
.html(aHtml.join(''))
.find('li').mouseover(function(e) {
$(this).addClass('over');
}).mouseout(function(e) {
$(this).removeClass('over');
});
},
close: function() {
$('.sub-category').remove();
}
};
메뉴에 마우스 오버시 <div class="sub-category"></div> 가 뿅나타났다
마우스아웃하면 뿅 사라지는데
마우스 오버시 슬라이드 다운 아웃시 슬라이드 업할려면 어떻게해야하나요?
답변 1
var offset = $(overNode).offset();
$('<div class="sub-category"></div>')
.appendTo(overNode)
.html(aHtml.join(''))
.find('li').mouseover(function(e) {
$(this).addClass('over').slideDown(300);//(시간) : 1000 = 1초
}).mouseout(function(e) {
$(this).removeClass('over').slideUp(300);//(시간) : 1000 = 1초
});
해당부분이 어떻게 표현되어있는지 몰라서 일단 slideDown/slideUp을 넣어봤습니다.