-
[일상] 스크립트 언어 잘하시는분? ㅠ ㅠ2016.03.14 PM 04:01
아주 간단한건데요..
저는 간단해도 못하는 초보라서 ㅠ
드롭다운메뉴를 만들고 있는데요
사진처럼 제품안내를 클릭하면 커피머신,그라인더 서브메뉴가 나타나고
다시한번 제품안내를 클릭하면 접혀서 사라져야 되는데..
이게 자꾸 슬라이드 다운은 되는데 슬라이드 업이 안 되네요..
코드는 이렇게 되어있습니다.
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_PATH.'/head.sub.php');
?>
$('.sub').slideUp();
$('.product').click(function(){
$('.sub').slideUp();
$(this).next().slideDown();
});
스크립트 부분에서 어디를 손 봐줘야 하나용?ㅠ
루리웹에 은둔 고수님들이 많으시니..도움 좀 요청해봅니다..
댓글 : 6 개
- 관바
- 2016/03/14 PM 04:12
$('.product').click(function(){
$('.sub').slideUp();
$(this).next().slideDown();
});
이부분이요.. sub 클래스를 슬라이드 업 시키고 다시 슬라이드 다운 시키네요.. 슬라이드가 업되어 있으면 다운 시키는 코드를 추가하셔야 겠네요..
대충 해석하면 product 클래스가 있는 엘리먼트를 누르면 sub 클래스를 슬라이드업하고.. .product 다음의 클래스를 슬라이드 다운하세요 입니다..
$('.sub').slideUp();
$(this).next().slideDown();
});
이부분이요.. sub 클래스를 슬라이드 업 시키고 다시 슬라이드 다운 시키네요.. 슬라이드가 업되어 있으면 다운 시키는 코드를 추가하셔야 겠네요..
대충 해석하면 product 클래스가 있는 엘리먼트를 누르면 sub 클래스를 슬라이드업하고.. .product 다음의 클래스를 슬라이드 다운하세요 입니다..
- 늑대
- 2016/03/14 PM 04:21
답변 감사합니다!
- JuliaHart
- 2016/03/14 PM 04:17
$('.product').click(function(){
$(this).next().slideToggle();
$(this).parent().siblings().find('.product').next().slideUp();
});
간단하게 표현하자면,
열고닫고 할놈은 토글시키고, 그 때 다른 메뉴는 다 닫아버리도록
대충 이런식으로
토글메뉴가 하나라면 아랫줄은 생략 가능.
$(this).next().slideToggle();
$(this).parent().siblings().find('.product').next().slideUp();
});
간단하게 표현하자면,
열고닫고 할놈은 토글시키고, 그 때 다른 메뉴는 다 닫아버리도록
대충 이런식으로
토글메뉴가 하나라면 아랫줄은 생략 가능.
- 늑대
- 2016/03/14 PM 04:21
이야!!! 줄리아님이 하신대로 하니까 제대로 되네여 굳굳 !
역시 고수분들 ㅠㅠ
역시 고수분들 ㅠㅠ
- HoBiC
- 2016/03/14 PM 04:18
음...슬라이드만 하실거면
$('.product').click(function(){
$('.sub').stop().slideToggle();
});
요렇게만 넣어도 되지 않을까요?
$('.product').click(function(){
$('.sub').stop().slideToggle();
});
요렇게만 넣어도 되지 않을까요?
- 늑대
- 2016/03/14 PM 04:22
Hobic님이 해주신대로 하고 위에 JuliaHart님이 알려주신 나머지 부분 추가하니까 되네여 ㅠㅠ
감사합니다
감사합니다