в зависимости от выбранной вкладки присваивать словло
 

Добрый день. Имеются обычные вкладки:

<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();
    }
});

пожалуйста!