ممكن طريقة حفظ التغييرات javascript

السلام عليكم اخواني
ممكن اذا في احد خبير باكواد الجافاسكربت يساعدني
انا اريد احفظ التغييرات التي تقوم على اساس جافاسكربت
في داخل الكوكيز واعادة تحميلها على القيمة الاخيره
عند اعادة تحميل الصفحة وليس العودة الى القيمة الاولى
يعني مثلا اضع زر يقوم باضهار نافذه معينه عند تحميل الصفحة مره اخرى
اجد النافذه موجوده ولاداعي للضغط على الزر مره اخرى

اتمنى افتهمو فكرتي
وارجو الرد سريعا وشكرا

اهلا اخي العزيز

ما هي الاكواد التي تملكها وتريد حفظها في الكوكيز ؟

اخي انا اريد افهم الطريقة
يعني مثلا عندك زر اذا ضغطت عليه رح يظهر رسالة معينه
بدي عمل هذا الزر يبقى مستمر حتى بعد اعادة التحميل
واذا ضغطت عليه مره اخرى يتم اخفاء الرساله وايضا يتم بقائها مخفيه بعد اعادة التحميل
وهكذا
اتمنى اجد شرح سهل ومبسط من حضرتك
وشكرا

من بعد إذن اخي العزيز new.moon
مرحباً اخي MR.NITRO

ضع الكود هنا حتى نعدل عليه بما تريده
إن كنا لا نعرف الكود الذي تريد التعديل علية
فـ لن نتمكن من مساعدتك بما تريد

اخي انا اريد عمل الكود لانه ما عندي كود
مممممممم انا اريد طريقة لحفظ تغييرات اكواد الجافا بالكوكيز
ممكن انت تعمل من عندك مثال بسيط وتوضح الطريقة ؟

هذا مثال بسيط

تغيير لون الخلفية بلجافا

يحفظ المتغيير ويبقيه عند العود إلية

هذا هو الكود

الكود:

<script>
jQuery(function ($) {
    var color = $.cookie('color');
    $('.click').on('click', function (e) {
        color = $(this).data('color')
        $('body, .bar3').css('background', color);
        $('a:link, .bar2').css('color', color);
        $.cookie('color', color, {
            expires: 365,
            path: '/'
        });
        return false;
    }).filter(function () {
        return $(this).data('color') === color
    }).click()
});
</script><style>
body {
    background: #E2E2E2;
    font-family:Tahoma, sans-serif;
}
.colormenu {
    width:auto;
    height:40px;
    line-height:40px;
    background:#FFF;
    padding: 10px;
}
.colormenu ul {
    margin: 0;
    padding:0;
}
.colormenu ul li {
    list-style:none;
    margin:0;
    display:inline-block;
}
.colormenu ul li a {
    padding: 10px 20px;
    display:inline;
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
}
.red {
    background: #e74c3c;
}
.green {
    background: #2ecc71;
}
.blue {
    background: #3498db;
}
.yellow {
    background: #f1c40f;
}
.black {
    background: #222;
}
.links {
    float:right;
}
.linkcolor {
    color: #999;
}
</style>
<div class="colormenu">
      
   <ul class="colchange">
             
      <li class="red">
         <a data-color="#e74c3c" class="click" href="#">
         </a>       
      </li>       
      <li class="green">
         <a data-color="#2ecc71" class="click" href="#">
         </a>       
      </li>
             
      <li class="blue">
         <a data-color="#3498db" class="click" href="#">
         </a>       
      </li>
             
      <li class="yellow">
         <a data-color="#f1c40f" class="click" href="#">
         </a>       
      </li>
             
      <li class="black">
         <a data-color="#222" class="click" href="#">
         </a>       
      </li>
         
   </ul>
</div>


اوكي اخي يعني فهمت قليلا هل ممكن مثال
عن كيفية اخفاء واظهار شي معين بالمنتدى عن طريق زر
معين بخاصية toggle او show
في الجافا وشكرا

https://www.youtube.com/watch?feature=player_embedded&v=BMMvV1s5yyg
هنا شرح للعملية موفقة ريان