jQuery 또는 다른 것으로 클릭시 CSS 가시성을 변경하십시오.

Question

메뉴 항목의 역할을하는 DIV를 가져 왔으며 다른 div를 표시하려고합니다. 기본적으로 두 번째 div (표시하고자하는 div : visibility: hidden;)는 jQuery없이 어떻게 든 호버에 대한 가시성을 변경할 수 있습니까? 그렇지 않으면 내 jQuery 코드는 어떻게 생깁니 까?

Answer 1

두 번째 div 만들기 첫 번째 DIV (클래스 첫 DIV)의 자식 요소 (클래스 두 번째 DIV)를 선택한 다음 사용

.first-div:hover .second-div { 
    visibility: visible; 
} 

JSFiddle을 : 당신이 탐색을 만드는 경우 http://jsfiddle.net/vEeMS/

, 내가 사용하는 것이 좋습니다 visibility 대신 display이 표시됩니다. display: none;은 요소가 disp가 아니라는 것을 나타냅니다. 페이지에 누워, visibility: hidden;는 요소가 페이지에 있음을 의미하지만 볼 수는 없습니다. 이것은 사용자가 보이지 않는 링크를 클릭 할 수 있고 보이지 않는 div 아래에 텍스트를 표시하거나 버튼을 클릭 할 수 없다는 단점이 있습니다.