기초 4 섹션 수직 nav 메뉴에서 마우스 오버

Question

나는 기초를 시험해 보려고 노력하고있다 4 css 프레임 워크. zurb의 웹 사이트 기초 4 문서 인 경우 Foundation 4가 아코디언, 탭 및 수직 탐색을 대체하는 섹션과 이전 기초 3의 & 탐색 막대를 언급합니다. 그러나 마우스 오버시 수직 탐색을 수행하는 방법을 찾지 못했습니다. 제목을 클릭해야합니다. 마우스 오버시 수직 탐색 메뉴를 플라이 아웃 메뉴로 만들려면 어떻게해야합니까? 마우스 오버는 꽤 표준적인 접근 방식입니다. 기초적인 4에서 그것을 켜기위한 간단한 방법이 있기를 바랍니다.

Answer 1

호버링이 가능하도록 드롭 다운 대상에 data-options = "is_hover"를 설정할 수 있습니다.

확인이 링크 Add hover state support for dropdowns by setting is_hover data-options.

Answer 2

현재

data-options="is_hover:true" 

섹션에 지원되지 않습니다. 작동 시키려면 사용자 정의 js을 사용해야합니다.

의 시도하자

$(".section").mouseenter(function(){ 
    $(this).toggleClass("active"); 
});