Я использую Wordpress, где я могу изменять html, php и css. У меня есть следующий сценарий:
Страница A имеет две ссылки: Link1 и Link2.
Страница B имеет две вкладки: Tab1 и Tab2.
Link1 и Link2 должны оба перейти на страницу B, НО я хочу сделать так, чтобы, когда пользователь нажимает на Link1, он переходил на страницу B при открытии Tab1; и когда он нажимает на Link2, он переходит на страницу B при открытой Tab2.
В настоящее время на открытой вкладке есть два класса css, которых нет на закрытой. Когда выбрана закрытая вкладка, она приобретает эти два класса, а открытая теряет эти классы.
Теперь мой вопрос; есть ли способ заставить Tab2 иметь эти классы вместо Tab1, если я нажму на Link2? Мне лучше сделать это с теми ресурсами, которые у меня есть; хтмл, пхп, ссс. Так что лучше без JavaScript.
Изменить: я реализую вкладки с помощью плагинов Wordpress, но они создаются в html следующим образом (здесь открыта вкладка 1, а закрыта вкладка 2):
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1-1" aria-labelledby="ui-id-8" aria-selected="true">
<a href="#tabs-1-1" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-8">MyTab1</a>
</li>
<li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-1-2" aria-labelledby="ui-id-9" aria-selected="false">
<a href="#tabs-1-2" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-9">MyTab2</a>
</li>
</ul>
Мои ссылки просты:
<a title="Link1" href="http://mywebpage.com/?page_id=60">
<a title="Link2" href="http://mywebpage.com/?page_id=60">