Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Срочно нужна помощь с jQuery, cookies (https://javascript.ru/forum/library-toolkit-framework/17153-srochno-nuzhna-pomoshh-s-jquery-cookies.html)

xxxLOGIATxxx 08.05.2011 09:57

Срочно нужна помощь с jQuery, cookies
 
На сайте работает система табов на jQuery. При клике на таб само-собой меняется класс на активный (подчёркнутый, выделенный, назывывайте как хотите)

Нужно добавить поддержку cookies, а если конкретнее, то при клике на определённый таб в кукисах должен сохранится активный таб и после перезагрузки страницы оставаться активным.

Вот сам плагин:
(function($) {  
        $.fn.smoothTabs = function(fadeSpeed) {
            // Clicked tab class
            var $smoothTabsLiCurrent = 'smoothTabsLiCurrent';
            // Hidden div class
            var $smoothTabsDivHidden = 'smoothTabsDivHidden';
            // Visible div class
            var $smoothTabsDivVisible = 'smoothTabsDivVisible';
            
            // Makes first tab current, hides all divs and fades in the first one
            this.each(function() {
                $("ul li:first", this).addClass($smoothTabsLiCurrent);
                $(this).find("div").addClass($smoothTabsDivHidden);
                $('div:first', this).fadeIn(fadeSpeed)
                                    .addClass($smoothTabsDivVisible)
                                    .removeClass($smoothTabsDivHidden);
			});

            // Tab click function
            $('ul li', this).hover(function(){
                var $parentUl = $(this).parent();
                var $parentDiv = $($parentUl).parent();
                $('li', $parentUl).removeClass($smoothTabsLiCurrent);
                $(this).addClass($smoothTabsLiCurrent);
                var $clickedIndex = $('li', $parentUl).index(this);
                var $currentDiv = $('div', $parentDiv).get($clickedIndex);
                
                // If current tab is clicked - we're done
                if ($($currentDiv).attr('class') == $smoothTabsDivVisible) {
                    return false;
                }
                
                // Current div is replaced by the selected one
                $('.'+$smoothTabsDivVisible, $parentDiv).fadeOut(fadeSpeed, function(){
                    $($currentDiv).fadeIn(fadeSpeed).addClass($smoothTabsDivVisible).removeClass($smoothTabsDivHidden);
                });
                $('.'+$smoothTabsDivVisible, $parentDiv).removeClass($smoothTabsDivVisible).addClass($smoothTabsDivHidden);
            });
        };
	})(jQuery);


Код для вывода:
$(document).ready(function(){
            $('.smoothTabs').smoothTabs('fast');
    	});


<div class="smoothTabs">
      <ul>
          <li>tab 1</li>
          <li>tab 2</li>
      </ul>
      <div>
          content for tab 1
      </div>
      <div>
          content for tab 2
      </div>
  </div>


Кто поможет?


Часовой пояс GMT +3, время: 20:25.