Задать вопрос

Сергей

Начинающий front-end разработчик
Комментарии

  • Как реализовать слайдер как на Авито?

    @13Feniks Автор вопроса
    В точности как на Авито это реализовано
    Написано

  • Как реализовать слайдер как на Авито?

    @13Feniks Автор вопроса
    Не могу в настройках найти опцию, что бы превьюшки встали за основным слайдом и движением мыши переключать. Блин как-то криво написал))
    Написано

  • Как мне соединить в HTML JS и CSS?

    @13Feniks
    Я так понял не можешь файлы подключить? 
    <link rel="stylesheet" type="text/css" href="style.css" />
<script src="script.js"></script>
    Написано

  • Как сделать картинку адаптивной?

    @13Feniks Автор вопроса
    спасибо большое, похоже 4 часа уже дают о себе знать, такую банальную вещь не заметил
    Написано

  • Как сделать картинку адаптивной?

    @13Feniks Автор вопроса
    При max-width и происходит уменьшение картинки, а reset.css тут не причём, в других проектах всё же работает, тот же reset те же блоки с картинками
    Написано

  • Как показать скрыть часть списка в меню аккордион?

    @13Feniks Автор вопроса
    KorniloFF, Подскажите пожалуйста, свою проблему почти решил , но остались два вопросика:
    1 как сделать чтобы при нажатии показать всё список выезжал плавно
    2 Если сделать в div class="accordion" несколько блоков section class="accordion-item", то раскрытый список так и останется открытым, т.е. автоматически не закроется если перейти в другой родительский элемент
    <!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Демо: Отзывчивый аккордеон с помощью jQuery</title>
    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
    <style>
	.title-block {
		cursor: pointer;
		}
	.info {
		display:none;
		}
	.hidden {
		display: none;
		}
	
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
	$('.expandable-list-link').click(function(){
        if( $(this).children().text() == 'Показать все' ){
            $(this).prev().children().removeClass('hidden');
            $(this).children().text('Скрыть');
        }else{
            $(this).prev().find( $('li[data-hide]') ).addClass('hidden');
            $(this).children().text('Показать все');
        }
        return false;
    });
});
    </script>
</head>
<body>

<div class="content-main">
	<aside class="facet-section">
        <div class="accordion">
            <section class="accordion-item">
                <h3 class="title-block">Тип</h3>
                <div class="info">
                    <ul class="facets-list">
                        <li class="facets-list-item">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                       	<li class="facets-list-item">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Туристические ножи</label>
                        </li>
                       	<li class="facets-list-item">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Подарочные наборы</label>
                        </li>
                        <li class="facets-list-item">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Аксессуары</label>
                        </li>
                        <li class="facets-list-item hidden" data-hide="1">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                        <li class="facets-list-item hidden" data-hide="1">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                        <li class="facets-list-item hidden" data-hide="1">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                        <li class="facets-list-item hidden" data-hide="1">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                        <li class="facets-list-item hidden" data-hide="1">
                            <input type="checkbox" class="input-checkbox" />
                            <label class="label-checkbox"><span></span>Кухонные ножи</label>
                        </li>
                    </ul>
                    <a href="#" class="expandable-list-link">
                        <span class="expandable-list-text">Показать все</span>
					</a>
                </div>
            </section>
        </div>
	</aside>
</div>

<script type="text/javascript">
 ! function(i) {
      var o, n;
      i(".title-block").on("click", function() {
        o = i(this).parents(".accordion-item"), n = o.find(".info"),
          o.hasClass("active-block") ? (o.removeClass("active-block"),
            n.slideUp()) : (o.addClass("active-block"), n.stop(!0, !0).slideDown(),
            o.siblings(".active-block").removeClass("active-block").children(
              ".info").stop(!0, !0).slideUp())
      })
}(jQuery);
</script>
</body>
</html>
    Написано

  • Как показать скрыть часть списка в меню аккордион?

    @13Feniks Автор вопроса
    KorniloFF, Спасибо, но это немного не то. Список именно должен зависеть от того что бы показывать первые 4 пункта а остальные скрывать за кнопкой и именно показывать первые 4 и никак не зависеть от высоты, но спасибо что хоть что то предлагаете, а то на других форумах вообще молчат ) Наглядный пример того что я хочу www.mvideo.ru/noutbuki-planshety-komputery/noutbuk...
    вот так в идеале хочу,
    Написано

  • Как показать скрыть часть списка в меню аккордион?

    @13Feniks Автор вопроса
    А по подробней можно, желательно с примером
    Написано