[Mrs.Haneki]

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

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