function delete_cookie(name){
document.cookie=name+'=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
или более сложный вариант с возможностью создания и чтения cookie, если это нужно:
function createCookie(name,value,days){
if(days){
var date=new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires="; expires="+date.toGMTString();
}
else var expires="";
document.cookie=name+"="+value+expires+"; path=/";
}
function readCookie(name){
var nameEQ=name+"=";
var ca=document.cookie.split(';');
for(var i=0;i<ca.length;i++){
var c=ca[i];
while(c.charAt(0)==' ')c=c.substring(1,c.length);
if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name){
createCookie(name,"",-1);
}
http://stackoverflow.com/questions/2144386/javascript-delete-cookie
В примере скрываем блок .category внутри ul которого все li c class hided
$('.category ul').each(function(){
if($(this).find('li').not('.hided').length==0){
$(this).closest('.category').hide();
}
});
1. Подключаем Touchwipe с http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
2. При свайпе эмуляция нажатия на стрелки
$(window).load(function(){
$("#carousel").touchwipe({
wipeLeft:function(){$("#carousel").find('.next').click();},
wipeRight:function(){$("#carousel").find('.prev').click();}
});
});
Скрываем блок catalog_filter_item_multi_values при клике вне него. Также при открытии одного из блоков скрываем остальные. При повторном нажатии скрываем активный. При убирании мыши из области активного блока скрывать его.
$(document).click(function(event){
if($(event.target).closest(".catalog_filter_item_multi_values").length||$(event.target).closest(".catalog_filter_item_multi_title").length)return;
$(".catalog_filter_item_multi_values").fadeOut("slow");
event.stopPropagation();
});
$('.catalog_filter_item_multi').hover(function(){
},function(){
$(".catalog_filter_item_multi_values").fadeOut("slow");
});
$('.catalog_filter_item_multi_title').click(function(){
$('.catalog_filter_item_multi_values').not($(this).next()).hide();
$(this).next('.catalog_filter_item_multi_values').slideToggle();
});
<div class="catalog_filter_items_multi">
<div class="catalog_filter_item_multi">
<div class="catalog_filter_item_multi_title">Цвет</div>
<div class="catalog_filter_item_multi_values">
<label>бежевый <input type="checkbox" name="color[]" value="20"/><span></span></label>
<label>белый <input type="checkbox" name="color[]" value="7"/><span></span></label>
<label>черный <input type="checkbox" name="color[]" value="5"/><span></span></label>
</div>
</div>
<div class="catalog_filter_item_multi">
<div class="catalog_filter_item_multi_title">Материал</div>
<div class="catalog_filter_item_multi_values">
<label>дерево <input type="checkbox" name="mat[]" value="13"/><span></span></label>
<label>искусственная кожа <input type="checkbox" name="mat[]" value="3"/><span></span></label>
</div>
</div>
<div class="catalog_filter_item_multi">
<div class="catalog_filter_item_multi_title">Брэнд</div>
<div class="catalog_filter_item_multi_values">
<label>707 <input type="checkbox" name="brand[]" value="17218"/><span></span></label>
<label>Avenue <input type="checkbox" name="brand[]" value="17210"/><span></span></label>
</div>
</div>
</div>