トグルとフォーカス要素

Question

divを非表示にして、Google検索結果に質問を表示するようなドロップボタンを使用すると表示したいと考えています。いくつかのグーグルで私はこれのための道を見つけた後。私は下のjqueryを使ってdivの2つの状態（表示/非表示）を切り替えました。

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を集中させ、隠す必要があります。

Answer 1

あなたshowDiv(a)関数の中でこれを試してください：あなたがフォーカスを削除したい場合は

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

：

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