Как скрыть DIV?

Question

[Максим Лесников]

Ребята всем привет. Сегодня обратился знакомый, подправить сайт.
А вопрос был вот в чем.
Есть страница на сайте, вот эта smartseng.ru/services/videonabludenie
Необходимо, чтобы при нажатии на вкладку "Описание, Цена или Примеры работы" был контент который соотвествует данной вкладке.
Т.е. к примеру. если нажать Описание, то сверху мы увидим описание, а внизу уже идет таблица с ценами. Так же и с вкладкой "Примеры работ" - идут примеры, а ниже цены...Хотя эти цены не должны быть видны.

Код из шаблона вот такой:

<div id="tabs">
					<ul class="tabs_btns relover">
						<li class="active"><a href="#tab_1"><span>Описание</span></a></li>
						<li class=""><a href="#tab_3"><span>Цены</span></a></li>
						<li class=""><a href="#tab_2"><span>Посмотреть работы</span></a></li>
						
					</ul>
					<div class="tab_block user_tab" id="tab_1" umi:element-id="{@pageId}" umi:field-name="content" umi:empty="Описание">
						<xsl:value-of select="//property[@name = 'content']/value" disable-output-escaping="yes" />
					</div>
					<div class="tab_block user_tab" id="tab_2">
						<xsl:apply-templates select=".//property[@name = 'primery_rabot']/value" mode="short-view" />
					</div>
					<div class="tab_block user_tab" id="tab_3">
						
					</div>
				</div>

Answer 1

[Владлен Грачев]

Сначала скрываете все блоки (например, $('.tab_block').hide()), затем нужный отображаете, взяв id из href. Это один из вариантов. А вообще, можно кучу их придумать.