html,body{
height:1500px;
}
#div{
margin-top:200px;
padding:30px;
background:#ee0;
border-radius:4px;
}
.back{
position:fixed;
top:0; left:0;
margin-top: 0 !important;
width:100%;
background-color:#cc0 !important;
}
$(window).scroll(function() {
body = $(window).scrollTop();
if(body > 200){
$("#div").addClass('back');
}else{
$("#div").removeClass('back');
}
});
<div class="item">
<div>Товар №1 <a class="show_details">Показать</a></div>
<div class="details_block">Детальное описание</div> -> скрытый блок
</div>
$('.item a').click(fucntion(){
$(this).parent('div').children(".details_block").toggle();
});