자바스크립트 문의 드립니다.
본문
<script type="text/javascript">
jQuery(function($){
$("h3>a").on("mouseenter", function() {
$(".cate_view_all").addClass("cate_view_all_open");
});
$("div.cate_list").on("mouseleave", function() {
$(".cate_view_all").removeClass("cate_view_all_open");
});
});
</script>
--------------------------------------------------------------------------------
제목
--------------------------------------------------------------------------------
카테고리 1 2 3 4
5 6 7 . . . . .등등
제목에 올리면 카테고리가 쫙 펴지고.. 카테고리쪽에 마우스를 올린 후 다른 화면으로 가면 창이 닫히는데
제목에 올려서 카테고리를 전체 펼친후 바로 제목위쪽으로 마우스를 가져가면 닫히지 않습니다.
어느부분을 손봐야할까요~
답변 1
제목위에
<div class="subject_top">제목위</div>
라는 엘리먼트가 있다고 했을 때 아래 소스를 추가 하면 되겠습니다.
$("div.subject_top").on("mouseenter", function() {
$(".cate_view_all").removeClass("cate_view_all_open");
});
제목이 최상단이어서 그위에 DIV를 하나 새로만들어서 투명처리해서 마우스가 지나갈 때
사라지게 해놨습니다. 감사합니당 ^^
답변을 작성하시기 전에 로그인 해주세요.