Replacing search with a basket when scrolling?

Question

JavaScript

There is a menu fixed when scrolling the page. The block also has a search. When scrolling down, the search is replaced with a basket. If you scroll back to the top, the search appears again, but it no longer works! How can this be fixed? Here is a script with fixing and replacing elements

$(document).ready(function(){ 

var $menu = $(".vnesh-plashka"); 
var $cart = $("#cart"), 
$search = $("#search"); 

$(window).scroll(function(){ 
if ( $(this).scrollTop() > 140 && $menu.hasClass("default") ){ 
$menu.fadeOut('fast',function(){ 
$(this).removeClass("default") 
.addClass("fixed") 
.fadeIn('slow'); 
}); 
$("#search").replaceWith($cart); 
} else if($(this).scrollTop() <= 140 && $menu.hasClass("fixed")) { 
$menu.removeClass("fixed").addClass("default"); 
$(".vnesh-plashka #cart").replaceWith($search); 
$(".cartt").append($cart); 
} 
});//scroll 
});

Answer 1

The problem is probably with replaceWith. Try to just hide what you want with hide()