2013-02-19 1 views
-1

저는 잠시 파고 들었습니다. 이에 대한 답변을 찾을 수 없습니다.SubNav를 확장 한 상태에서의 수평 탐색

내가 원하는 것은 네비게이션 네비게이션이 4 개 정도 있습니다. 각 주제를 클릭하면 해당 주제와 관련된 하위 항목 목록 아래로 확장됩니다 (예 : '하드웨어'를 클릭하면 모든 하드웨어 하위 항목이 표시됩니다).

아이디어는 새로운에 당신은 내가 또한 다른 주요 탐색을 클릭하면 subnav가 종료됩니다 바라고 thecomedynetwork.ca

에 '쇼'를 클릭 볼 수있는 것과 유사한 및 열려 subnav (즉, '하드웨어'가 닫히고 '소프트웨어'가 열립니다).

죄송합니다. 내가 매우 애매한 경우 코드를 게시 하겠지만 문자 그대로 폐기하려는 것입니다.

업데이트 : 나는 단지 내가 그것을 못 박았다고 생각했을 때, 나는이 일이 제대로 실행되도록 할 수 없다. 이 일을 발표 할 때 http://jsfiddle.net/HGTKZ/1/

var divs = $('#nav div'), 
links = $('a'); 

links.click(function() { 
$(this.hash).toggle().siblings().hide(); 
return false; 
}); 

하지만 그냥 작동하지 않습니다 : 나는 JQuery와 연결 한 http://agiile.com/testing6.html

을 (1.9을 jsfiddle은 내가 (마이너스 완화와 같은 명백한 폴란드어)을 필요로하는지 작업을 보여주고있다 .1 분 Google API에서) 및 구문 오류가 있어요 ...하지만이 겉으로보기에 간단한 코드가 실행되지 않습니다!

누군가가 내 HTML을 개선하고 #software, #hardware 등을 사용하지 않는 것이 좋습니다. javascript : void (0)을 사용하는 것이 좋지만이 상황에서 작동시키는 방법을 생각할 수는 없습니다.

지금까지 길을 따라 도와 줘서 고마워!

답변

1

이전에 Google을 검색 했어야합니다.

어쨌든 "CSS 탐색"막대를 검색하십시오. 많은 예제를 찾을 수 있습니다. 그들은 속임수를 쓸거야.

좋아, 그럼 당신이 처음에 CSS를 사용하여 해당

  1. 숨기기 등의 메뉴를 구축 할 수 있습니다

    .menu { 디스플레이 : 없음; }

  2. 하위 메뉴 표시를 토글 + 애니메이션으로 설정하는 이벤트 핸들러.

  3. 해당 slideDown 애니메이션에 Jquery를 사용하십시오.

+0

분명히 내가 필요한 것을 찾기 위해 끔찍한 일을하고있다. 내가 겪고있는 가장 큰 문제는 하위 탐색 모음이 탐색 바 아래에서 전체 너비를 차지하는 것입니다. 마찬가지로 CSS 탐색 바를 얻을 수 있지만 아래의 전체 너비가 확장되면서 나를 잡으려고합니다. – Spencer

+0

@SpencerFord가 더 좋습니까? –

+0

내가 조사 할 필요가있는 것을 찾았다면 분명 도움이되었습니다. 고마워! 내가 생각하는 것보다 내가 잃어버린 것을 발견하면 다시보고 할 것입니다! 감사합니다. Siddharth – Spencer

0

실제로.당신이 구글 jQuery를 드롭 다운 '또는'자바 스크립트 드롭 다운 '에 대한이 같은 뭔가를 찾을 경우 :

http://css-tricks.com/simple-jquery-dropdowns/ 내가 추측 도움이 될 것입니다

, 문제가 내 업데이트 갔다으로)

+0

내 깎아 지른듯한 모호함을 달아 주셔서 감사합니다! 이전에 작동하도록 만들었습니다. 이전에는 열지 않은 전체 너비 드롭 다운을 사용하기 전에 시도하지 않은 것을 시도하고 있습니다. – Spencer

0

는 지금까지 작업 jsfiddle.net에서 jsfiddle.net/draft의 코드를 실행 한 후 실행하면 문제가 해결 된 것 같습니다!

코드가 어디에 잘못되었는지는 모르지만 지금은 제대로 작동합니다. 고마워요!