一旦div关闭/添加课程

时间:2015-08-26 17:32:51

标签: javascript jquery

我想添加一个隐藏的课程'一旦用户点击关闭它就到div。我下面的代码设置了一个7天的cookie,所以我希望那个类在那个时候是活跃的。这可能吗?希望它是一个简单的解决方案

我的JS:

jQuery(document).ready(function(){
    // if the cookie exist, hide the element
    var hide = Cookies.getJSON('hide');

    if (hide && hide.element)
       $(hide.element).hide();

    $('#hideshow').on('click', function(event) { 
         $('.following_prompt').addClass('hidden');      
         $('.following_prompt').hide();

         Cookies.set('hide', {element: '.following_prompt'}, { expires: 7 });
         return false;
    });
});

1 个答案:

答案 0 :(得分:0)

你不必使用课程。您可以使用.is(':visible')但我创建了示例,以便您可以看到添加/删除类的代码。

jQuery(document).ready(function(){

  $('#hideshow').on('click', function(event) {
        var $following_prompt = $('.following_prompt');
      if($following_prompt.is(":visible"))
          $following_prompt.addClass('hidden').hide();      
      else
         $following_prompt.removeClass('hidden').show();
         event.preventDefault();
    });
});

https://jsfiddle.net/5g67btrL/