我只想在页面上搜索框，在搜索框内单击后不可见

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

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

我只想在页面上搜索框，在搜索框内单击后不可见

i want search box only on the page , rest invisible after clicking inside search box

html

javascript

jquery

bootstrapping