Есть ли «лучшая практика», как скрыть все, кроме одного контента DIV веб-сайта HTML5? Есть ли также «наиболее используемые» библиотеки/библиотеки? Или это часто написано в собственном JS-коде?JS/jquery скрывает содержимое в HTML/CSS
Моя цель - загрузить 9 DIVs. Один в центре - это навигация, остальные - довольны. Когда выбирается точка навигации, специальные div 'slides' до середины и все остальные DIVs скрыты.
Спасибо
Я бы добавил класс ко всем скрытым и отображаемым возможностям divs, вероятно, классу, подобному разделу.
<div class="section" id="home"> home content here... </div>
<div class="section" id="page-slug"> another page here... </div>
<div class="section" id="contact"> contact information here... </div>
Затем дайте каждому div id. Наконец, для того, чтобы показать раздел контактов Вы:
$('#contact').show().siblings('.section').hide();
Этот метод дает одинаковые элементы одни и те же class и предоставление контейнеров элементы ап id действительно просто хорошая практика, независимо от простоты использования при выборе элементов JQuery.
Я обычно делаю это:
$('.your_div').show().siblings().hide();
Заменить .show() и .hide() с вашими желаемыми эффектами.
+1 'siblings()' отлично, но может быть слишком широким селектором в его прецеденте. – iambriansreed
Может быть, '.siblings ('. Your_div')' будет лучше? – Blender
Мне это нравится. Добавьте его. Я не могу придумать причины, по которым разделы будут иметь разное происхождение. :) – iambriansreed
_ «Есть ли также« наиболее используемая »библиотека/библиотеки?» _ - Ну jQuery используется _lot_ именно потому, что делает такую вещь тривиальной, но есть и другие варианты. Написание его с нуля в «простой» JS тоже было бы не очень сложно. Учитывая, что вы отметили свой вопрос с помощью «jquery», вы спрашиваете, есть ли для этой цели библиотека лучше? – nnnnnn
Привет! Большое спасибо за помощь!! Это работает :-) О моем «jquery» вопросе, мне просто интересно, есть ли специальная библиотека для такого рода реализации. –