Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: закрытие мобильного меню
 
 автор: hitball   (24.10.2018 в 18:48)   письмо автору
 
 

Здравствуйте! Никак не выходит закрыть меню. Вот код выводящий его и стили. разработчиком поставлены стрелки для закрытия и открытия, но мне нужно, чтобы меню выводилось по нажатию на кнопку Фильтр прикрученной к статичному месту на сайте, а закрывалось стрелками прикрученными к меню, чтобы стрелка закрытия двигалась с меню. Подскажите, пожалуйста, как это сделать?


<div id="filterpro_arrow" class="hidden-filter">
            <div class="filt34">
            <span><img src="catalog/view/theme/default/image/sprite_filte.png" /> Фильтр</span>
          </div>
        </div>



#filterpro_arrow {
 
   background-image: url(../image/arr1.png);
    width: 22px;
    height: 22px; 
    position: fixed; 
  left: 186px;
    top: 8px;
    z-index: 1001; 
}
#filterpro_arrow.hidden-filter {
  //*  background-image: url(../image/arr2.png);
    left: 191px; *//
}

.filt34 {display:block;position: relative; 
        display: table; 
        border-collapse: 
        separate;border-right: 0;
        border-top-right-radius: 0;
    border-bottom-right-radius: 0;   
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width:110px;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell; }

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования