Страница 1 из 11
Форум про uCoz » Раздел для uCoz » Java скрипты » Скрыть заголовок или кнопку при нажатии на ссылку
Скрыть заголовок или кнопку при нажатии на ссылку
workman
Дата: Понедельник, 18.09.2017, 19:49 | Сообщение # 1
Гл. Модератор
Сообщений:1696
Награды: 8


Вот такими простенькими кодами JS, CSS и HTML Вы можете на своем сайте освободить больше места, ну или уже на свое усмотрение запилить под что-нибудь.



Ставим.

JS пуляем в самую нижнюю часть своего сайта чтобы работало на всех страницах
Код
<script>
    $(document).ready(function(){
  $('.show_form').click(function(){
   $(this).next('.hide_content').show(0);
   $(this).hide(0);
   
   return false;
  });
  
  $('.back').click(function(){
   $(this).parents('.hide_content').hide(0).prev('.show_form').show(0);
   return false;
  });
    });
</script>


CSS ставим также в самый низ таблицы стилей
Код
.hide_content {display: none;}


HTML естественно ставим по месту где нужно. Напихать можно сколько душе будет угодно.
Работает с помощью одного скрипта на несколько ссылок. Я сделал на три для примера
Код

<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>
<p>

<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>
<p>

<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>


Сообщение отредактировал
workman - Понедельник, 18.09.2017, 21:16
Страна: (RU)
Kosten
Дата: Понедельник, 18.09.2017, 20:42 | Сообщение # 2
Администраторы
Сообщений:15798
Награды: 51


Это больше на споллер похоже.
Страна: (RU)
workman
Дата: Понедельник, 18.09.2017, 21:06 | Сообщение # 3
Гл. Модератор
Сообщений:1696
Награды: 8


Цитата Kosten ()
Это больше на споллер похоже.

Ну этот спойлер очень здорово помогает в размещении информации на сайте. Вот тут к примеру пройти в категорию цен и все станет ясным. Можно также заточить его сразу с табами
Страна: (RU)
Форум про uCoz » Раздел для uCoz » Java скрипты » Скрыть заголовок или кнопку при нажатии на ссылку
Страница 1 из 11
Поиск: