Как скрыть элемент

@htc_storm · Регистрация: 29.05.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте! Я тут экспеременитирую и решил сделать вот такую штуку.
К примеру у меня есть меню табов и контейнер для табов

HTML5

<div id="left">
<ul>
<li><a href="tab1">Пункт 1</a></li>
<li><a href="tab2">Пункт 2</a></li>
<li><a href="tab3">Пункт 3</a></li>
</ul>
</div>
<div id="right">
<div class="tab1">
Таб 1
</div>
<div class="tab2">
Таб 2
</div>
<div class="tab3">
Таб 3
</div>
</div>

Изначально они у меня в display:none - все табы. Как только кликаю по менюшке, то сразу display:block;
Вопрос как сделать так, чтобы до того момента пока пользователь не кликнул по менюшке в контейнере где должны быть табы была картинка, а как только кликают по менюшке картинка пропадает и появляется таб?

KOPOJI · 14.11.2012, 13:44

http://javascript.ru/ui/show-hide-toggle

@htc_storm · 14.11.2012, 13:48 **[ТС]**

Спасибо большое!

@qesq · 19.02.2017, 19:23

Делаю лэндинг, верхнее меню сделано с помощью библиотеки animate.css в форме списка

HTML5

    <div><ul class="nav">
    <li class="animated fadeInDown main-menu">
        <a href="1.html">11</a>
        <a href="2.html">22</a>
        <a href="3.html">33</a>
        <a href="4.html">44</a>
        <a href="5.html">55</a>
 
    </li>
</ul></div>
<div class="animated fadeIn content_d_ex">

контент также использует свойство (красиво выезжает текст, заключенный в div),
ко всему этому нужно сделать анимированный фон-слайдер.
Проблема в том, что при каждом клике на ссылку меню фон начинает загружаться заново (т.е. с 1й картинки), какой бы слайдер я бы не использовал, уже пробовал вордпресс шаблоны - там абсолютно то же самое.

Думаю сделать как автор в начале темы, но есть ли примеры с с использованием такого кода? Мне нужно чтобы табы (div с текстом) размещались бы на одном месте и скрывались бы все, показывался бы лишь один единственный согласно кликнутой ссылке (с анимационным появлением). Если кто-то готов за умеренную плату реализовать, то можем договориться.

KOPOJI Почетный модератор 16844 / 6723 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	14.11.2012, 13:44	2
	http://javascript.ru/ui/show-hide-toggle 1

@htc_storm 13 / 13 / 1 Регистрация: 29.05.2012 Сообщений: 103
	14.11.2012, 13:48 [ТС]	3
	Спасибо большое! 0

	19.02.2017, 19:23