javascript - 切换和聚焦元素

Question

我想隐藏一个 div 并在使用选择下拉按钮时显示它(就像谷歌在谷歌搜索结果中显示问题)。经过一番谷歌搜索后，我找到了一种方法。我曾使用下面的 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 集中在显示和隐藏上。

Answer 1

在你的 showDiv(a) 函数中试试这个:

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

如果你想移除焦点:

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