Добрый день. Имеются обычные вкладки:
<ul class="tabs">
<li class="tabs1 active">
<a href="#right">Правая вкладка</a>
</li>
<li class="tabs2">
<a href="#left">Левая вкладка</a>
</li>
</ul>
<div id="right">содержимое блока</div>
<div id="left">содержимое блока</div>
<div class="word">
<p>Добро пожаловать <span style="display: none;">к нам</span></p>
</div>
Нужно, чтоб по нажатию на
левую вкладку <span>к нам</span> был
display: block; А когда нажимаешь на
правую вкладку, то
display: none;
Помещать
div class="word" внутри вкладок нельзя
Помогите реализовать пожалуйста. не получается
вариант был такой:
$(function () {
if ($('.tabs .tabs2').hasClass('active')) {
$('.word span').show();
}
if ($('.tabs .tabs1').hasClass('active')) {
$('.word span').hide();
}
});
