Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Нужно открыть первый спойлер при загрузке (https://javascript.ru/forum/misc/54284-nuzhno-otkryt-pervyjj-spojjler-pri-zagruzke.html)

karakym 11.03.2015 17:15

Нужно открыть первый спойлер при загрузке
 
Есть код спойлера!
$(document).ready(function(){
    $('.splLink').click(function(){
      $('div.splCont').not($(this).parent().children('div.splCont')).slideUp('normal');
      $(this).parent().children('div.splCont').slideDown('normal');
      return false;
    });
  });

После загрузки страницы все спойлеры закрыты!
<div class="splLink">1</div>
<div class="splCont">текст 1</div>
<div class="splLink">2</div>
<div class="splCont">текст 2</div>
<div class="splLink">3</div>
<div class="splCont">текст 3</div>

нужно что бы первый спойл открылся после загрузки!
Приблизительно понимаю, что нужно выбрать first.child(splCont) и сделать .slideUp(first.child(splCont)
но так как синтаксис не знаю и прошу вашей помощи!

karakym 11.03.2015 17:32

Попробовал так!
$(document).ready(function(){
  $('div.splCont:first-child').slideUp('normal');
    $('.splLink').click(function(){
      $('div.splCont').not($(this).parent().children('div.splCont')).slideUp('normal');
      $(this).parent().children('div.splCont').slideDown('normal');
      return false;
    });
  });

Но результата не получил(

Skipp 11.03.2015 17:41

$('.splLink').first().click()

karakym 11.03.2015 17:58

Цитата:

Сообщение от Skipp (Сообщение 360766)
$('.splLink').first().click()

Не помогло :stop:
$(document).ready(function(){
  $('.splLink').first().click()
    $('.splLink').click(function(){
      $('div.splCont').not($(this).parent().children('div.splCont')).slideUp('normal');
      $(this).parent().children('div.splCont').slideDown('normal');
      return false;
    });
  });

karakym 11.03.2015 18:38

Проблему решил!
$(document).ready(function(){
  $('div.splCont').first().slideDown('normal');
    $('.splLink').click(function(){
      $('div.splCont').not($(this).parent().children('div.splCont')).slideUp('normal');
      $(this).parent().children('div.splCont').slideDown('normal');
      return false;
    });
  });

Всем спасибо!

ruslan_mart 11.03.2015 18:38

Бедный браузер. :) Всего лишь один клик и юзается столько методов, которые внутри используют ещё кучу методов и парсеров. :-?

karakym 11.03.2015 18:57

Цитата:

Сообщение от Ruslan_xDD (Сообщение 360787)
Бедный браузер. :) Всего лишь один клик и юзается столько методов, которые внутри используют ещё кучу методов и парсеров. :-?

Вы можете предложить упрощенную версию сиго чуда?

ruslan_mart 11.03.2015 19:18

karakym, может и смогу, сначала опиши, что там у тебя вообще за скрипт и что должен делать? Простая система спойлеров, которые плавно открываются/закрываются?

рони 11.03.2015 21:36

karakym,

решение Skipp, рабочее только вы его неправильно использовали -- кликать надо после того как клик назначен

karakym 11.03.2015 21:47

короче, это спойлер-гармошка, пример тут
он должен открывать один споил и закрывать при этом предыдущий!
Мне нужно было только, что бы при загрузке страницы он открыл первый споил!


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