Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как дописать скрипт раскрывающегося текста? (https://javascript.ru/forum/misc/65708-kak-dopisat-skript-raskryvayushhegosya-teksta.html)

sergey24 04.11.2016 10:37

рони,
Попробую прогуглить "проинициализовать слайдеры а только потом их скрыть", может что и выйдет путное из этого.

sergey24 04.11.2016 10:40

рони,
Всё равно спасибо, что откликнулись и направили:)

sergey24 04.11.2016 11:59

<script>$("#barm").click( function(){ $('#item2').resize(); } );</script>
<script>$("#povara").click( function(){ $('#item3').resize(); } );</script>

Прописал id для ссылок. И кодом, который показан выше стало хоть что-то получаться. Теперь нормально работает лишь 1 из слайдеров. Любой, который открыть первым. Подскажите, как написать код, чтобы работал для всех?

рони 04.11.2016 12:05

sergey24,
не помогу, не телепат.

sergey24 04.11.2016 12:09

<li><a onclick="_click(1); return false;" href="#" id="offic">Официанты</a></li>
<li><a onclick="_click(2); return false;" href="#" id="barm">Бармены</a></li>
<li><a onclick="_click(3); return false;" href="#" id="povara">Повара</a></li>

<div id="item1" style="display:none;">Тут слайдер 1</div>
<div id="item2" style="display:none;">Тут слайдер 2</div>
<div id="item3" style="display:none;">Тут слайдер 3</div>

<script type="text/javascript">
    $(document).ready(function(){
       	$('.slider-for').slick({
  		slidesToShow: 1,
  		slidesToScroll: 1,
  		arrows: false,
  		fade: true,
  		asNavFor: '.slider-nav'
		});
		$('.slider-nav').slick({
  		slidesToShow: 3,
  		slidesToScroll: 1,
  		asNavFor: '.slider-for',
  		focusOnSelect: true
		});
    });
  	</script>

    <script>$("#barm").click( function(){ $('#item2').resize(); } );</script>
    <script>$("#povara").click( function(){ $('#item3').resize(); } );</script>

	<script type="text/javascript">
		var _click = function () {
        var b = 1;
        return function (c) {
            var a = document.getElementById("item" + b);
            c == b && (a.style.display = "none" == a.style.display ? "" : "none");
            c != b && (a.style.display = "none", a = document.getElementById("item" + c), a.style.display = "", b = c)
        }
    	}();
    	window.onload = function() {
    	_click(1)
 		}

	</script>


Вроде как весь нужный код:)

рони 04.11.2016 12:12

Цитата:

Сообщение от sergey24
Вроде как весь нужный код

процентов 10% от нужного

sergey24 04.11.2016 12:14

рони,
Скинул в личку ссылочку, гляньте, пожалуйста. Если надо, предоставлю файлы, которые надо.


Часовой пояс GMT +3, время: 08:07.