我只想要页面上的搜索框，点击搜索框后不可见

Question

我想创建一个页面，如果我在搜索框内单击，页面上的所有内容都将不可见。 只有徽标搜索框和我的帐户按钮应保留在顶部

我的网站（ http://geri.in/unloc/Bootstrap_stockrid/index.html ）

Answer 1

你不能只用 css 和 html，你也需要 javascript/jquery。

有一个示例函数，您可以使用它来开始您想做的事情：

$("#adv-search input").on("focus",function(){
  $("#myCarousel,#text-carousel,.jumbotron").fadeOut();
});
$("#adv-search input").on("blur",function(){
  $("#myCarousel,#text-carousel,.jumbotron").fadeIn();
});

您应该向要隐藏的每个主容器或元素添加一个类，而不是用它替换上述脚本中的淡入/淡入淡出类。