$(document).ready(function(){
$(".text").text($(document).width());
$(window).on("resize", function(){
$("ul.mobile").removeClass("show");
$(".text").text($(document).width());
});
$(".trigger, .close").on("click", function(){
$("ul.mobile").toggleClass("show");
});
});
В интернете полно вариантов, но всплывающее окно открывают только в IE а остальные браузеры открывают в новой вкладке.
как высчитать урон например
$('ul.catalog-tabs > li.catalog-tab').on("click", function(){
var i = $(this).index();
$(".catalog-tab.active, .catalog-content.active").removeClass("active");
$(this).addClass("active");
$('.catalog-wrap .catalog-content:eq('+i+')').addClass("active");
$('.catalog-content.active .catolog-items').jScrollPane();
});
<ul class="catalog-tabs">
<div class="catalog-cap">КАТАЛОГ ТОВАРОВ</div>
<li class="catalog-tab active"><div>До 25 тысяч рублей</div></li>
<li class="catalog-tab"><div>От 25 до 50 тысяч рублей</div></li>
</ul>
<div class="catalog-wrap">
<div class="catalog-content active">
<div class="catolog-items">
<div class="catolog-item"></div>
<div class="catolog-item"></div>
<div class="catolog-item"></div>
</div>
</div>
<div class="catalog-content">
<div class="catolog-items">
<div class="catolog-item"></div>
<div class="catolog-item"></div>
<div class="catolog-item"></div>
</div>
</div>
</div>