1

Нужно что бы при выборе одного элемента из списка сам список сворачивался, а элемент стал на место <span>.

  $(document).ready(function() {
    $('.dropdown').click(function() {
      $("li").toggle(300);
    });
  }); 
<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div class="wrappeerDropdown">
    <ul>
      <span class="dropdown">Select</span>
      <li>
        <a>Max</a>
      </li>
      <li>
        <a>Rex</a>
      </li>
      <li>
        <a>Wex</a>
      </li>
    </ul>
  </div>
</body>

</html>

1
  • Извините, но я просто не знаю и не нашел как это сделать.
    – Mbmenes
    5 мая 2017 в 15:07

1 ответ 1

1

Попробуйте так:

  $(document).ready(function() {
    $('.list li').click(function() {
     $('.dropdown').html($(this).text());
      $(".list").toggle(300);
    });
  }); 
<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div class="wrappeerDropdown">
   <span class="dropdown">Select</span>
    <ul class="list">
      <li>
        <a>Max</a>
      </li>
      <li>
        <a>Rex</a>
      </li>
      <li>
        <a>Wex</a>
      </li>
    </ul>
  </div>
</body>

</html>

3
  • Работает хорошо, но изначально у меня список идёт в свёрнутом виде. Не могли бы вы мне объяснить как его развернуть что бы при этом работал ваш код?
    – Mbmenes
    5 мая 2017 в 15:15
  • @Mbmenes при таком раскладе пользователь должен сделать два действия, первым нажать на что то для открытия списка, вторым нажатием уже на конкретную строку - закрыть ?
    – Arsen
    5 мая 2017 в 15:19
  • Спасибо за помощь, я уже сделал сам)Вы правы, я написал функцию для открытия списка всё отлично.
    – Mbmenes
    5 мая 2017 в 15:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.