나는 꽤 많은 검색을했지만, 내가 찾고있는 것을 정확하게 찾을 수 없었다. 상위 메뉴 항목을 클릭하면 해당 상위 항목과 관련된 링크가있는 하위 메뉴가 포함 된 div가 드롭 다운되고 표시되는 위치까지 효과를 얻으려고합니다. 나는 아이디어를 제공하기 위해 여기에 예를 만들었습니다On Toggle 서브 메뉴 클릭
http://jsfiddle.net/itsbc/WeL6j/1/
는 그러나, 나는 회색 사업부를 원하지 않습니다 - #의 9e9e9e '#div를'- 적용 할 수 있습니다. 콘텐츠 위치를 고정으로 설정했기 때문에 이것이 이유라고 생각합니다. 그러나 위치 속성을 없애면 하위 메뉴가 상위 항목 아래에 표시됩니다. 왼쪽으로 줄곧 위치하는 것에 반대했다.
미리 도움 주셔서 감사합니다. Bc.
당신이하고 싶었던 것을 http://jsfiddle.net/WeL6j/7/인가? 그렇다면 숨겨진 div를 탐색 표시 줄 아래에 두는 것이 가장 쉬운 방법이라고 생각합니다. 그럼 그냥 숨기기/표시로 필요한
당신은 전환, JQuery와 방법을 시도 할 수 있습니다 : 당신이 jQuery를 탭 유사한 기능성을 찾고있는 것처럼 http://api.jquery.com/toggle/
나는 jquery에 새로 왔어.하지만 나는 위의 바이올린에서 토글 기능을 올바르게 사용하고 있었다고 생각한다. 아래의 마이클은 제가 찾고 있던 답변을 제게 제공했지만 답변과 도움에 감사드립니다. 나의 명성이 충분히 높아지게되면, 나는 되돌아 와서 대답 할 것이다. – itsbc
이 보인다. 접을 수있는 옵션을 선택하십시오 : http://jqueryui.com/demos/tabs/#collapsible
콘텐츠가 보여주는 대신에 아래로 미끄러 그래서 당신은 그것을 조금 확장해야합니다 : 예 :
완벽. 정말 고맙습니다. 방금 염두에 둔 디자인에 적응하기 위해 기본 버전이 필요했습니다. – itsbc
그럼, 이것에 관해 더 궁금한 점이 하나 있습니다. jsfiddle (http://jsfiddle.net/itsbc/WeL6j/10/)에서 완벽하게 작동하지만 템플릿 코드에로드하려고 할 때 - 지금 막 시작했을 때 매우 기본적입니다 - 그것은 숨겨진 div를 공개하지 않습니다. 나는 바이올린에서 Javascript 1.7로 자바 스크립트 패널을 변경할 때 더 이상 공개하지 않을 것임을 알았습니다. 그게 내 템플릿을 사용하고 있는지 궁금하네요. 그렇다면 어떻게 바이블 버전을 호환 가능하게 만들 수 있습니까? 미리 감사드립니다, Brian. – itsbc