Вопрос знающим Javascript

Сообщений: 515 Регистрация: Ноя 2010

11 Октября 2013 22:48

Добрый вечер дамы и господа, нужна ваша помощь.
Добавил спойлер на страницу с помощью яваскрипта, вот его код

Код
<script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script>

Вызываю его этим скриптом

Код
<a href="javscript://" class="splLink">Читать далее</a> <div class="splCont">Скрытый текст</div>

Всё отлично работает, но есть одно но - как сделать что-бы после нажатия "Читать далее" это "Читать далее" пропадало?
И желательно появлялась кнопка "Скрыть" внизу скрытого текста

Изменено: ov3rdoc - 11 Октября 2013 22:51

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

12 Октября 2013 02:03

На крайняк просто по повторному нажатию что-бы менялась на слово "скрыть"

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

12 Октября 2013 03:53

100 рублей первому, кто предложит лучший вариант:D

Максим Безгодов

Сообщений: 15 Регистрация: Апр 2011

12 Октября 2013 04:13

Я не спец, но, задай "читать далее" ID и в функции просто делай скрытие

Код
<div id="next_1"><a href="javscript://" class="splLink">Читать далее</a></div> <div class="splCont" id="invis_1">Скрытый текст</div>

Код

window.onload = function() {
var next = document.getElementById('next_1');
var invis = document.getElementById('invis_1');
next.onclick = function() {
next.style.display = 'none';
invis.style.display = 'block';
}
}

Изменено: Максим Безгодов - 12 Октября 2013 04:16

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

12 Октября 2013 04:30

Максим Безгодов,
заменил скрипт на

Код

    <script type="text/javascript">
window.onload = function() {
var next = document.getElementById('next_1');
var invis = document.getElementById('invis_1');
next.onclick = function() {
next.style.display = 'none';
invis.style.display = 'block';
}
}
</script>

и вывел как вы сказали

Цитата
Максим Безгодов пишет: <div id="next_1">Читать далее</div> <div class="splCont" id="invis_1">Скрытый текст</div>

Запись пропадает, но браузер сразу ругается, вот как это выглядит в 16-ой опере
Рисунок

В ие, скрытый текст открывается, "Читать далее" пропадает и моментально выдаёт это

Рисунок

Может я что-то не так вставил?

failure

Сообщений: 4 Регистрация: Авг 2013

12 Октября 2013 15:27

Код

   <script type="text/javascript">
      $(document).ready(function(){
         $('.splLink').click(function(){
            $(this).parent().children('div.splCont').toggle('normal');
            $(this).fadeOut("fast");
            $('.splLink2').show("fast");
         });
         $('.splLink2').click(function(){
            $(this).parent().children('div.splCont').toggle('normal');
            $(this).fadeOut("fast");
            $('.splLink').show("fast");
         });
      });
   </script> 
   <style>
   .splCont, .splLink2 {
      display:none;
   }
   </style>

HTML

Код
<a href="javscript://" class="splLink">Читать далее</a> <div class="splCont">Скрытый текст</div> <a href="javscript://" class="splLink2">Скрыть</a>

Как то так.

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

13 Октября 2013 02:33

failure, Не работает

Coder

Сообщений: 10433 Регистрация: Мар 2013

13 Октября 2013 18:55

Цитата
ov3rdoc пишет: На крайняк просто по повторному нажатию что-бы менялась на слово "скрыть"

Посмотрите, на чистом js:

Код

<div>
<input type="text" style="border:0; color:blue;text-decoration:underline;cursor:pointer" 
value="Развернуть" class="input-button" 
onclick="if (this.parentNode.parentNode
.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = ''; 
this.innerText = ''; this.value = 'Свернуть'; 
} else { this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div>
<div style="display: none;">
Скрытый текст
</div>
</div>

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

14 Октября 2013 22:38

Coder, при клике слово развернуть не меняется на свернуть

Coder

Сообщений: 10433 Регистрация: Мар 2013

#10

14 Октября 2013 22:55

Цитата
ov3rdoc пишет: Coder, при клике слово развернуть не меняется на свернуть

Работает: создайте на компьютере файл html, поместите код и запустите:

Код

<html>
<body>
<div>
<input type="text" style="border:0; color:blue;text-decoration:underline;cursor:pointer" 
value="Развернуть" class="input-button" 
onclick="if (this.parentNode.parentNode
.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = ''; 
this.innerText = ''; this.value = 'Свернуть'; 
} else { this.parentNode.parentNode.getElementsByTagName('div')[1]
.getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div>
<div style="display: none;">
Скрытый текст
</div>
</div>
</body>
</html>

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

#11

14 Октября 2013 22:55

200 рублей за рабочий лучший вариант

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

#12

14 Октября 2013 22:58

Coder, опера 16 не работает

Coder

Сообщений: 10433 Регистрация: Мар 2013

#13

14 Октября 2013 23:00

Попробовал на:

Код
About Opera Version information Version 12.16 Build 1860 Platform Win32 System Windows XP

Работает

ov3rdoc

Сообщений: 515 Регистрация: Ноя 2010

#14

14 Октября 2013 23:01

Coder, Ну у меня в ie тоже работает

Coder

Сообщений: 10433 Регистрация: Мар 2013

#15

14 Октября 2013 23:07

Цитата
ov3rdoc пишет: Coder, Ну у меня в ie тоже работает

Может, что-то у вас с оперой - может js отключено? Код на чистом js - должен работать везде.

Хром:
Версия 30.0.1599.69 m
Работает

FireFox
24.0
Работает

Safari
5.1.7
Работает

Похожие темы:

12.03.2014 23:09	Прогрузка, важный вопрос
18.11.2011 11:10	Вопрос по меню ipod

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
18:09 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 16:11 Давайте начнем обмен отзывами Google maps 22:14 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 13:03 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 13:04 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 20:13 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 15:04 Adtrafico - Правильная партнёрская сеть под бурж трафик	15:02 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 13:24 Linken Sphere – браузер-антидетект нового поколения 12:42 Sapfirex.com - Современный сервис обмена криптовалют 09:33 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 09:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 04:16 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 19:49 Sectormoney.com - быстрый и удобный обменник	23:14 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту