늑대
접속 : 5146   Lv. 64

Category

Profile

Counter

  • 오늘 : 275 명
  • 전체 : 190135 명
  • Mypi Ver. 0.3.1 β
[일상] 스크립트 언어 잘하시는분? ㅠ ㅠ (6) 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();
});




스크립트 부분에서 어디를 손 봐줘야 하나용?ㅠ

루리웹에 은둔 고수님들이 많으시니..도움 좀 요청해봅니다..

신고

 

관바    친구신청

$('.product').click(function(){
$('.sub').slideUp();
$(this).next().slideDown();
});

이부분이요.. sub 클래스를 슬라이드 업 시키고 다시 슬라이드 다운 시키네요.. 슬라이드가 업되어 있으면 다운 시키는 코드를 추가하셔야 겠네요..

대충 해석하면 product 클래스가 있는 엘리먼트를 누르면 sub 클래스를 슬라이드업하고.. .product 다음의 클래스를 슬라이드 다운하세요 입니다..

늑대    친구신청

답변 감사합니다!

JuliaHart    친구신청

$('.product').click(function(){
$(this).next().slideToggle();
$(this).parent().siblings().find('.product').next().slideUp();
});
간단하게 표현하자면,
열고닫고 할놈은 토글시키고, 그 때 다른 메뉴는 다 닫아버리도록
대충 이런식으로
토글메뉴가 하나라면 아랫줄은 생략 가능.

늑대    친구신청

이야!!! 줄리아님이 하신대로 하니까 제대로 되네여 굳굳 !
역시 고수분들 ㅠㅠ

HoBiC    친구신청

음...슬라이드만 하실거면

$('.product').click(function(){
$('.sub').stop().slideToggle();
});

요렇게만 넣어도 되지 않을까요?

늑대    친구신청

Hobic님이 해주신대로 하고 위에 JuliaHart님이 알려주신 나머지 부분 추가하니까 되네여 ㅠㅠ
감사합니다
X