切换和聚焦元素

Question

我想隐藏 div 并在使用 select 下拉按钮时显示它（例如 google 在 google 搜索结果中显示问题）。经过一番谷歌搜索后，我找到了一种方法。我使用下面的 jquery 在两个状态 (show/hide) 之间切换 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。当我单击 link 它隐藏。但这不是我需要的。我需要隐藏 div，它应该只在我单击 link 时显示。当我在不好的状态之间切换时，对 div 的关注也会丢失。谁能帮我纠正这个。我需要将 div 集中在显示和隐藏上。

Answer 1

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

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

如果你想移除焦点：

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

切换和聚焦元素

Toggle and focus element

html

javascript

jquery

toggle