これらの値のいずれかがh2のIDと一致する場合、クッキーからの値を含む配列があります。クラステストを追加したいのですが。これは私が試みた最新のルートです。ありがとう
jQuery.each(arr, function(index, value) {
$("h2.#" + value).addClass("testing");
});
フルコード:
<script type="text/javascript">
$(document).ready(function(){
var cookieName = $("body").attr("id");
storedCookieName = $.cookie(cookieName);
if (storedCookieName != null) {
var cookieValues = storedCookieName;
var arr = storedCookieName.split(',');
alert( "the cookie values for this page are :" + arr);
jQuery.each(arr, function(index, value) {
$("#" + value).addClass("testing");
});
} else {
var cookieValues = '';
alert("I don't have a cookie for this page");
};
//add id's to each drop down box trigger
$('h2.contentTrigger').attr('id', function(i, value) {
return "dropDownTrigger" + (i+1);
});
//Hide (Collapse) the toggle containers on load
$(".toggle_content_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$("h2.contentTrigger").click(function(){
$(this).toggleClass("active").next().slideToggle("fast");
return false; //Prevent the browser jump to the link anchor
});
$("h2.contentTrigger").click(function(){
//get class of clicked item to check if dropdown is active when clicked
var triggerClass = $(this).attr("class");
//get id of clicked dropdown
var targetLink = $(this).attr("id");
if ((triggerClass == 'contentTrigger noprint active') || (triggerClass == 'contentTrigger print active')) {
cookieValues+=($(this).attr("id")+",");
$.cookie(cookieName, cookieValues, { path: '/', expires: 10 });
//alert("adding value" + cookieValues);
}else{
cookieValues = cookieValues.replace(targetLink+",", "");
$.cookie(cookieName, cookieValues, { path: '/', expires: 10 });
//alert("new value" + cookieValues);
};
});
});//end:$(document).ready
</script>
</head>
<body id="#SMPPageVariables.PageMetaKeywords#">
<div id="container">
<div id="content">
<!--Sample of output
<div class="tab">
<div class="toggle_content_container noprint">
<div class="block">
Info
Info:
Heading
Paragraph
Paragraph
</div>
</div>
</div>
-->
</div>
<div class="hidden"></div>
</div>
</body>
</html>