6 개의 블록 메뉴 선택 사항이있는 페이지가 있으며 하나를 클릭하면 (예 : '4') 반대쪽 DIV에 블록 4 내용이 표시되고 블록이 표시됩니다 화살표로 선택한대로.DIV에서 숨기기/표시하고 선택된 블록을 표시하는 스크립트
다른 블록 (예 : '1')을 클릭하면 4가 선택 취소되고 DIV에서 블록 1의 콘텐츠가 표시되는 1이 선택됩니다.
JS 또는 jQuery에서이 작업을 수행하는 데 가장 적합한 스크립트를 찾고 있습니다. 목록에있는 메뉴로 블록을 만들 수 있다고 추측하고 CSS를 선택하면 화살표가있는 이미지가 표시됩니다.
감사
업데이트 : 여기 모습의 모형이있다 :
이 정말 잘 "탭"기능이 jQuery를 UI에 구현 
대신 자신이나 jQueryUI 탭을 구축하는 또 다른 방법, 내가 jQuery를 도구 탭 선호 :
http://flowplayer.org/tools/tabs/
을일부 CS로 상황에 맞게 쉽게 사용자 지정할 수 있습니다. S 조정 :
http://flowplayer.org/tools/demos/tabs/skins.html
나는 당신을 생각
#panes { width:XXXpx; float:right; }
#nav { width:YYYpx; }
#nav ul { width:YYYpx; float:left; margin:0; padding:0; }
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */
.
jQuery UI 탭을 사용하여 선택 가능한 옵션을 상단 또는 측면을 따라 배치 할 수 있으며 원하는대로 말할 수 있습니다. 탭의 데모는 여기
...
(당신이 래퍼의 XXX + YYY == 폭을 요구하고 무엇을 얻기 위해 여기에 몇 가지 수레와 폭 변경 사용) ' 거기에 자신의 질문에 대답했습니다. – Lazarus
클릭 된 블록에 클래스를 추가하는 jq 함수를 만듭니다. 그 클래스에서 이미지를 배경으로 정의해야합니다. – Michael
근본적으로 솔루션을 요구하고 있으므로 지금까지 수행 한 작업을 제공하는 것이 좋습니다. – annakata