토글 및 포커스 요소

Question

div를 숨기고 Google 검색 결과에 Google이 질문을 표시하는 것처럼 드롭 버튼을 사용할 때 표시하고 싶습니다. 인터넷 검색을 한 후이 방법을 찾았습니다. 아래의 jquery를 사용하여 div에 대한 두 상태 (표시/숨기기)를 전환했습니다.

function showDiv(a) { 
 
    $("#" + a).toggle("slow"); 
 
}

.hidden { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" onclick="showDiv('element')">Show</a> 
 
<div id="element" class="hidden"> 
 
Hidden content 
 
</div>

이제 문제는 먼저 DIV를 보여주고 있다는 점이다. 링크를 클릭하면 숨 깁니다. 그러나 그것은 내가 필요한 것이 아닙니다. div를 숨길 필요가 있으며 링크를 클릭 할 때만 표시되어야합니다. 또한 나쁜 상태로 전환 할 때 div에 초점을 잃게됩니다. 아무도이 문제를 해결할 수 있습니까? 나는 div뿐만 아니라 쇼에 div를 집중해야합니다.

Answer 1

당신의 showDiv(a) 함수 내에서이 시도 :

$("#"+a).toggle("slow").focus() 

을 제거 할 경우 초점 :.

$("#"+a).blur();