워드 프레스와 같은 왼쪽 메뉴

Question

나는 당신이 기록되면 워드 프레스의 왼쪽 도구 모음의 기능을 복제하기 위해 자바 스크립트 라이브러리 (usiny jquery를 할 수 있다면 더 좋다)를 찾고있다.

이 메뉴에는 이름이있는 이미지가 있습니다. 축소/축소 할 수 있습니다. 새 확장 된 창에서 옵션을 볼 수 있습니다. 메뉴를 클릭하면 이전에 표시된 것과 동일한 옵션으로 확장됩니다.

내가 무료 오픈 옵션을 찾을 묶여 있지 않다

... 나는 일부 라이브러리/JQuery와 플러그인을 발견했습니다하지만 그들은 너무 가까이하지 않습니다, 그것은 상업 하나가 될 수 있습니다. 이미있는 경우

Maye 그것은 ..., 잘 일을 할 것입니다 자바 스크립트와 CSS를

Answer 1

기본

감사의 더 나은 JQuery와 붕괴 함께 할 수 있지만, 메뉴는 ul이며 각 메뉴 항목은 그 안에 또 다른 ul이있는 li이며 display : none; CSS로. 당신이 그것을 클릭하면 자바 스크립트를 사용하여 그것을 보여줍니다. 호버의 경우 각 li 요소에 마우스를 올려 놓고 ul 표시/숨기기 또는 추가 할 이벤트 리스너를 추가하기 만하면됩니다.

아니면 내가 겪고있는 것을 놓치고 있습니까?

Answer 2

이와 비슷한?

Look at this demo 비활성화 JS와 같은

$('ul#tabs li').hover(function() { 
    $(this).find('ul').hide().stop().animate({height: 'toggle'}); 
}, function(){ 
    $(this).find('ul').stop().animate({height: 'toggle'}); 
}); 

서지.