Почему меню не убирается при нажатии?

Question

[danilazharikov]

Проблема заключается в том,что в мобильной версии сайта есть раскрывающееся меню,при нажатии на кнопку оно раскрывается,но при повторном нажатии оно почему-то не закрывается.Вот код:

<header class="header">

<div class="navbar navbar-inverse navbar-fixed-top" >
  <div class="container-fluid">
    <div class="navbar-header" >
      <button type="button" class= "navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" >
        <span class="icon-bar" ></span>
        <span class="icon-bar" ></span>
        <span class="icon-bar" ></span>
      </button>
      <div id="logo" class="wow pulse"><a  style="color: white" href="index.php">КОМПЛЕКСНЫЕ СИСТЕМЫ БЕЗОПАСНОСТИ</a></div>
    </div>
    
    <div class="navbar-collapse collapse " id="responsine-menu" >
      <ul class="nav navbar-nav navbar-right" >
        <li class="dropdown" >
          <a  href="services.php" class="dropdown-toggle" data-toggle="dropdown" >Услуги <b class="caret"></b> </a>
          <ul class="dropdown-menu"  style="background-color: #D1D1D5;">				
            <li><a href="camera.php" class="blue" " >Системы видеонаблюдения</a></li>
            <li><a href="domofon.php" class="blue">Домофонные системы</a></li>
            <li><a href="oxrana.php" class="blue">Охранные сигнализации</a></li>
            <li><a href="control.php" class="blue">Системы контроля доступа</a></li>
            <li><a href="golos.php" class="blue">Системы голосового предупреждения</a></li>
            <li><a href="pozhar.php" class="blue">Пожарная сигнализация</a></li>
            <li><a href="telefon.php" class="blue">Радио и телефонная связи</a></li>
            <li><a href="efir.php" class="blue">Эфирное телевидение</a></li>
            <li><a href="sputnik.php" class="blue">Спутниковое телевидение</a></li>
            <li><a href="internet.php" class="blue">Интернет</a></li>
          </ul>
        </li>

        
  
        <li class="dropdown" >
          <a href="services.php" class="dropdown-toggle" data-toggle="dropdown" >Готовые решения <b class="caret"></b> </a>
          <ul class="dropdown-menu"  style="background-color: #D1D1D5;">
          
            <li style="padding-left: 5px">Для юридических лиц:</li>
            <li><a href="plant.php" class="blue" " >Производственные предприятия</a></li>
            <li><a href="public.php" class="blue">Кафе, бары, рестораны</a></li>
            <li><a href="moika.php" class="blue">Автомойки и автосервисы</a></li>
            <li><a href="podezd.php" class="blue">Подъезды и многоквартирные дома</a></li>
            <li><a href="schools.php" class="blue">Школы, гос. учреждения, обществ-е места</a></li>
            <li><a href="ofice.php" class="blue">Офисы</a></li>
            <li class="divider" ></li>
            <li style="padding-left: 5px">Для физических лиц:</li>
            <li><a href="flats.php" class="blue">Квартиры</a></li>
            <li><a href="dacha.php" class="blue">Загородные дома</a></li>
            <li><a href="stroitel.php" class="blue">Строительство загородных домов</a></li>
          </ul>
        </li>
        
        <!--<li><a hre<li><a href="contact.php">Контакты</a></li>f="services.php">О нас </a></li>-->
        <li><a href="contact.php">Контакты</a></li>
        <li><a href="feedBack.php">Обратная связь</a></li>
      
      </ul>
    </div>
  </div>
</div>

</header>

Answer 1

[heIIfire]

всё работает,,, видимо ты где то дергал стили

Comments

[danilazharikov]

вот стили,что здесь не так?

<style type="text/css">
	 .dropdown:hover >.dropdown-menu{
	display: block;
}
.header{
	height: 60px;
	background-color: grey;
}
#logo{
	color :#999;
	font-weight:bolder;
	font-size: 30px;
	letter-spacing: 3px;
	font-size: 25px;
}

	 </style>

[heIIfire]

danilazharikov, твой код в песочнице