Показать сообщение отдельно
  #6 (permalink)  
Старый 15.12.2015, 19:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Павел Турченко,
вариант...
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .year_div{
    display: none;
  }
  .red{
      background-color: #FF0000;
      color: #FFFFFF;
      padding: 2px 5px;
      border-radius: 4px;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
 $(function() {
    var b = $(".year_div"),
        c = $("#year_link"),
        d = $(".year_dropdown",b);
    c.add(b).click(function(a) {
        a.preventDefault();
        a = $(a.target);
        a.is(d) && c.text(a.text()) && d.not(a.addClass('red')).removeClass('red');
        b.slideToggle()
    })
});

  </script>
</head>

<body>


 <a href="#" class="btn btn-default dropdown-toggle btn_grey" id="year_link">Год выпуска </a>
    <div class="div_dropdown year_div">
      <a href="#" class="year_dropdown">1999</a>
      <a href="#" class="year_dropdown">2000</a>
      <a href="#" class="year_dropdown">2001</a>
      <a href="#" class="year_dropdown">2002</a>
      <a href="#" class="year_dropdown">2003</a>
      <a href="#" class="year_dropdown">2004</a>
  </div>



</body>

</html>
Ответить с цитированием