我只希望搜索框在页面上，点击内部搜索框后隐藏不可见

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

你应该一类添加到要隐藏的每个主容器或元素，不是取代类淡入的/用上面的脚本淡出它。