0

折りたたみメニューが1つあります。値を保存するためにCookieを使用したという点で、最初にClassを使用しましたが、正しく機能していないため、idで使用しました。

これでIdを取得したときに、次のdivが表示されるように表示されます。

これは私のフィドルです

$(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>

</ p>

4

1 に答える 1

0

私はこの問題を解決しました、そしてそれはライブデモがここに与えられます。

于 2012-08-14T10:19:57.257 に答える