我只想在页面上搜索框，点击内部搜索框后看不见

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();
});

你应该为每个主要容器或要隐藏的元素添加一个类，而不是用上面的脚本替换fadeIn / fadeOut类。