Вкладки на сайте - Joomla 3.x: Шаблоны, разметка и макеты вывода

Добрый день. Решил сделать на сайте вкладки через HTML и CSS.
Прописал:

<div class="tabs">
         
         <input id="tab1" class="radio" type="radio" name="tabs" checked>
         <label style="margin-left: 204px;" for="tab1" title="Основное">ДЕКОРАТИВНЫЕ ПАНЕЛИ ПВХ / </label>
      
         <input id="tab2" class="radio" type="radio" name="tabs">
         <label for="tab2" title="Вкладка 2">ИНТЕРЬЕРНЫЕ ПАНЕЛИ ABC / </label>
         
         <input id="tab3" class="radio" type="radio" name="tabs">
         <label for="tab3" title="Вкладка 3">ТОРГОВОЕ ОБОРУДОВАНИЕ</label>

</div>

сss:
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3

Но дело в том что пишу все в модулях и  эти самые #content1, #content2 и #content3 находятся в другом модуле.
Надеюсь понятно объяснил)))
Как настроить чтоб при клике данные инпуты обращались к #content1, #content2, и #content3 в другой модуль!

что-то вы сами себя перехитрили.
может, вам лучше такое чего-нить?
http://extensions.joomla.org/extensions/extension/style-a-design/modules-panel/ext-tabs

Дело в том что одна вкладка должна вмещать несколько модулей. В каждом модуле слайдер. Объединить я их не могу. Вот и ищу способ сделать так чтоб инпут обращался к id в другом модуле

Проблема решена. Помогло Modules Anywhere