Запомнить cookie по клику

270

14 сентября 2017, 16:59

Здравствуйте! Имеется код:

$(function(){ 
	$('#div1').delay(7000).queue(function(){ 
		$(this).remove(); 
		$('#div2').fadeIn(100).click(function(){ 
        $(this).remove(); 
		$('#div3').fadeIn(100); 
      }); 
	});  
});

Через 7 секунд div1 заменяется на div2, и при клике на div2 меняется на div3. Каким образом можно запомнить cookies при клике и если они есть, то показывать div1?

Answer 1

Как вы сказали, если #div1 такой же, как и #div3, то нам можно его не удалять, а просто прятать.

$(document).ready(function () {
    if ($.cookie('click') != 'clicked'){ // условие, если #div2 не кликнули и он вызывается
        $(document).delay(7000 , function () {
            $('#div1').hide();
            $('#div2').fadeIn();
        });
    }
    $('#div2').on('click', function () {
        $('#modal').show(); // наше модальное окно
        $('#div1').show();
        $('#div2').hide();
        $.cookie('click', 'clicked'); // запись в куки, что #div2 кликнули
    });
});