Buenas tengo un buscador pero tengo algunas dudas. Os muestro el código primero. **El controlador** public function search(Request $request) { if($request->ajax()) { $output=""; $products=DB::table('productos')->where('producto','LIKE','%'.$request->search."%")->get(); if($products) { $output.='<div class="result">'; foreach ($products as $key => $product) { $output.= '<a href=""> <div class="row espacioRowBusca">'. '<div class="col-3"><img src='. asset("images/productos/camas/{$product->imagen}") .' alt="" class="imgBuscador"></div>'. '<div class="col-9"> <h3>'.$product->marca.'</h3> <h2>'.$product->producto.'</h2> <h5>'.$product->categoria.'/'.$product->subcategoria.'</h5> </div>'. '</div> </a>'; } $output.='</div>'; return Response($output); } } } **La ruta** Route::get('/search', "Web@search"); **El buscador y donde muestra los resultados** <input type="text" class="form-control inputSearch" id="search" name="search" placeholder="¿Que estas buscando?"> <div id="resultados"></div> **JavaScript** <script type="text/javascript"> $('#search').on('keyup',function(){ $value=$(this).val(); $.ajax({ type : 'get', url : '{{URL::to('search')}}', data:{'search':$value}, success:function(data){ $('#resultados').html(data); } }); }) </script> <script type="text/javascript"> $.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } }); </script> Bien lo que necesito, que cuando me muestra los resultados en el `div` si hago clic en cualquier otro punto ese `div` desaparezca. Por otro lado si no encuentra nada que diga no hay resultados. Gracias y un saludo