Question

我想隐藏一个div并在使用时选择一个下拉按钮显示它（就像谷歌在谷歌搜索结果中显示问题一样）。经过一些谷歌搜索，我找到了一个方法。我曾使用下面的jquery在div的两个状态（显示/隐藏）之间切换。

＆＃13;

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

＆＃13;

.hidden {
  display: none;
}

＆＃13;

<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>

＆＃13;

现在的问题是它首先显示div。当我点击它隐藏的链接时。但那不是我需要的。我需要隐藏div，它应该只在我点击链接时显示。当我在不好的状态之间切换时，对div的关注也会丢失。任何人都可以帮我纠正这个问题。我需要将div集中在show以及hide上。

Answer 1

在showDiv(a)函数中尝试此操作：

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

如果您想要移除焦点：

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

切换和聚焦元素

1 个答案: