我们如何比较选定的div ID和Cookie

我有一个折叠菜单。因为我使用cookie来存储它的值，首先我使用了类，但是这不能正常工作，所以我使用了这个ID。我们如何比较选定的div ID和Cookie

在这个当我得到Id，所以它会显示它的下一个div可见。

这是我Fiddle

$(document).ready(function() { 

function getCookie(c_name) { 
    var i, x, y, ARRcookies = document.cookie.split(";"); 
    for (i = 0; i < ARRcookies.length; i++) { 
     x = ARRcookies[i].substr(0, ARRcookies[i].indexOf("=")); 
     y = ARRcookies[i].substr(ARRcookies[i].indexOf("=") + 1); 
     x = x.replace(/^\s+|\s+$/g, ""); 
     if (x == c_name) { 
      return unescape(y); 
     } 
    } 
} 

function setCookie(c_name, value, exdays) { 
    var exdate = new Date(); 
    exdate.setDate(exdate.getDate() + exdays); 
    var c_value = escape(value) + ((exdays === null) ? "" : "; expires=" + exdate.toUTCString()); 
    document.cookie = c_name + "=" + c_value; 
} 

var widget2 = $(".widget2"); 
var box2 = $(".box2"); 
if (getCookie('box2cooki')) { 
    // alert(getCookie('box2cooki')); 
    var id = getCookie('box2cooki'); 
    id = $(".box2").attr('id'); 
    alert(id); 
    //alert(Element); 
    //alert(box2ID); 
    //$(".box2").next(".widget2").slideDown(200); 
    } 
else { 
    alert("hiiiiiii"); 
} 

widget2.hide(); 
box2.click(function() { 
    $(this).next(widget2).slideToggle(200); 
    var box2ID = $(this).attr('id'); 
    setCookie('box2cooki', box2ID); 
    //alert(box2ID); 
    }); 
    $(".inner").hide(); 
    $(".box").click(function() { 
     $(this).next(".inner").slideToggle(200); 
    }); 

    //alert(box2ID); 
}); 
<div class="box2" id="1"><h3>Basketball</h3></div> 
<div class="widget2" style="display: block; "> 
<div class="widget"><div class="box"><h3>Australia</h3></div> 
<div class="inner" style="display: block; "> 
<ul class="leagues"> 
<li class="even"><a href="#" class="league-145">Australian NBL</a></li> 
</ul><div class="clear-both"></div> 
</div> 
    </div> 
</div><div class="box2" id="2"><h3>Tennis</h3></div> 
<div class="widget2" style="display: block; "><div class="widget"><div class="box"> <h3>Australia</h3></div> 
<div class="inner" style="display: block; "> 
<ul class="leagues"> 
<li class="even"><a href="#" class="league-145">Australian Open</a></li> 
</ul> 
<div class="clear-both"></div> 
</div></div> 
</div>

来源

2012-08-04 wasim kazi

我可以推荐一个像这样的jQuery插件 - > https://github.com/carhartl/jquery-cookie/。它会让您的代码更易于管理和了解 – Undefined 2012-08-04 09:20:16

感谢您的快速回放。它已经包含在内 – 2012-08-04 09:26:14

我解决了这个问题，它的现场演示中给出here。

来源

2012-08-14 10:19:57

我们如何比较选定的div ID和Cookie

回答

相关问题