[일상] 스크립트 언어 잘하시는분? ㅠ ㅠ

아주 간단한건데요..

저는 간단해도 못하는 초보라서 ㅠ

드롭다운메뉴를 만들고 있는데요

사진처럼 제품안내를 클릭하면 커피머신,그라인더 서브메뉴가 나타나고

다시한번 제품안내를 클릭하면 접혀서 사라져야 되는데..

이게 자꾸 슬라이드 다운은 되는데 슬라이드 업이 안 되네요..


코드는 이렇게 되어있습니다.

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

include_once(G5_PATH.'/head.sub.php');
?>

Toggle navigation




카페몰

• 홈


• 제품안내
  
  
  
  • 커피머신
  
  
  • 그라인더
  
  
  
  


• 문의사항


• 연락처

커피머신,그라인더,제빙기등 카페관련 제품을 렌탈/판매/사후관리까지 해주는 카페몰입니다.

---

회사소개 바로가기

$('.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님이 알려주신 나머지 부분 추가하니까 되네여 ㅠㅠ
감사합니다