basket shop
HTML
<a class="btLinkM fa fa-shopping-basket fa-2x right opeanBask" aria-hidden="true" title='Посмотреть корзину'></a>
<div id="basketShop" >
basket
ul#shop-basket
li
li
li
</div>
JavaScript
var numG = $('#shop-basket li').length;
$('document').ready(function(){
(localStorage.getItem('shopB') == 1) ? $('#basketShop').addClass('opM1') : $('#basketShop').removeClass('opM1');
(localStorage.getItem('shopB') == 1) ? $('.opeanBask').addClass('fa-close').removeClass('fa-shopping-basket') : $('.opeanBask').removeClass('fa-close').addClass('fa-shopping-basket');
})
function chekNumGoods () {
//записывает в атрибут количество товаров
numG = $('#shop-basket li').length;
$('.opeanBask').attr('data-num',numG);
}
$('.opeanBask').click(function(){
$('#basketShop').toggleClass('opM1');
if($('#basketShop').hasClass('opM1')){
$('.opeanBask').removeClass('fa-shopping-basket').addClass('fa-close');
localStorage.setItem('shopB','1');
}
else {
$('.opeanBask').addClass('fa-shopping-basket').removeClass('fa-close');
localStorage.setItem('shopB','0');
}
})
chekNumGoods();
(numG == 0 ) ? $('.opeanBask').css('display','none') : $('.opeanBask').css('display','inline');
(numG == 0 ) ? $('#basketShop').removeClass('opM1') : '';
(numG == 0 ) ? localStorage.setItem('shopB','0') : '';