Показать сообщение отдельно
  #2 (permalink)  
Старый 05.04.2019, 21:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

SolomonRei,
<!DOCTYPE html>

<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
$(function() {
$('.customCursor').on('click', function(e) {
    var s = $(this).children('.menuItem');
    s.stop().fadeToggle(800,'linear');
});
});
    </script>
</head>

<body>
<ul class = "list-group">
                                    <li class="list-group-item customCursor">
                                        <p class="grey-text">Model</p>
                                        <ul class = "list-group list-group-flush menuItem">
                                            <li class="list-group-item submenuItem">BMW</li>
                                            <li class="list-group-item submenuItem">Audi</li>
                                        </ul>
                                    </li>
                                    <li class="list-group-item customCursor">
                                        <p class="grey-text">Year</p>
                                        <ul class = "list-group list-group-flush menuItem">
                                            <li class="list-group-item submenuItem">2000</li>
                                            <li class="list-group-item submenuItem">2001</li>
                                        </ul>
                                    </li>
                                    <li class="list-group-item customCursor">
                                        <p class="grey-text">Exterior color</p>
                                        <ul class = "list-group list-group-flush menuItem">
                                            <li class="list-group-item submenuItem">Red</li>
                                            <li class="list-group-item submenuItem">Blue</li>
                                        </ul>
                                    </li>
</ul>

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