छिपाने/शो तत्व को याद रखने के लिए jQuery cookie.js का उपयोग करना?

Question

मुझे एक पृष्ठ पर एक निश्चित div को दिखाने और छिपाने के तरीके पर एक अच्छा ट्यूटोरियल मिला है। मुझे कोड ठीक काम कर रहा है, लेकिन मैं विस्तार करना चाहता हूं कि शो/छुपा पृष्ठ लोड पर याद किया जाता है। मैं एक समाधान jQuery कुकी के लिए देखा है था जवाब .. अगर मुझे पता था कि था कि कैसे वास्तविक कोड है कि लिखने के लिए .. यहाँ वर्तमान टुकड़ा है:

<script type="text/javascript"> 
jQuery(document).ready(function() { 
// hides the group_desciption as soon as the DOM is ready 
// (a little sooner than page load) 
    jQuery('#group_desciption').hide(); 
// shows the group_desciption on clicking the noted link 
    jQuery('a#slick-show').click(function() { 
jQuery('#group_desciption').show('slow'); 
return false; 
    }); 
// hides the group_desciption on clicking the noted link 
    jQuery('a#slick-hide').click(function() { 
jQuery('#group_desciption').hide('fast'); 
return false; 
    }); 
// toggles the group_desciption on clicking the noted link 
    jQuery('a#slick-toggle').click(function() { 
jQuery('#group_desciption').toggle(400); 
return false; 
    }); 
});</script> 

किसी भी विचार कैसे मैं करने के लिए कुकीज़ जोड़ सकते हैं उपयोगकर्ता से चयन याद है? एक कोड नमूना महान के बाद से मैं अभी भी सामान्य रूप में jQuery/जावास्क्रिप्ट :)

अग्रिम धन्यवाद :)

Answer 1

समझ बहुत आसान होना चाहिए कोशिश कर रहा हूँ होगा। जब आप div जैसे कुछ कोड जोड़ने दिखाने:

jQuery.cookie('show_desc', 'yep'); 

... और जब आप div छिपाने:

jQuery.cookie('show_desc', 'nope'); 

... और फिर अपने कोड के शीर्ष पर आप मिल गया है, जहां :

jQuery('#group_desciption').hide(); 

... के लिए इसे बदल:

var shouldShow = jQuery.cookie('show_desc') == 'yep'; 
if(shouldShow) { jQuery('#group_desciption').show(); } 
else {    jQuery('#group_desciption').hide(); } 

या, वैकल्पिक रूप से:

jQuery('#group_desciption')[jQuery.cookie('show_desc') == 'yep' ? 'show' : 'hide'](); 

:)