Показать сообщение отдельно
  #7 (permalink)  
Старый 18.07.2012, 01:20
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Demath,
Замените свой код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script type="text/javascript">


$(function (){                                                // Когда страница загрузится
     $('div.articalMenu  p').click(function(){$(this).next().slideToggle('slow');});
    $('.articalMenu a').each(function () {                    // получаем все ссылки меню
        var location = window.location.href;                  // получаем адрес текущей страницы
        var link = this.href;                                 // получаем адрес ссылки текущего пункта меню
        if(location == link) {                                // при совпадении адреса ссылки и адреса окна
            $(this).parent().show();                          // открываем слайд текущего пункта меню
            $(this).css({ 'backgroundColor': 'LightGreen' }); // выделяем текущий пункт меню
        }
    });
});
</script>

<style type="text/css">
div.articalMenu >div{display:none;}
div.articalMenu {width: 198px; padding-bottom: 5px;}

   .articalMenu p {margin: 10px 8px 8px 8px; border-bottom: 1px solid #327AA5;
                   font: bold 13px Helvetica, sans-serif;
                   color: #115098; cursor: pointer;}

   .articalMenu a {display: block; width: 167px; margin-bottom: 3px;
                   padding: 2px 8px 2px 23px; line-height: 1.2;
                   font: 12px Arial, sans-serif; color: #00C;
                   text-decoration: none; text-indent: -8px;}
	  
   .articalMenu a:hover {color: Crimson; background-color: LightGreen;}
   .mactive {display: block;}
</style>

Последний раз редактировалось Deff, 18.07.2012 в 02:05.
Ответить с цитированием