Открыть аккордеонный элемент из тега привязки на внешней странице
Функционирующий аккордеон — это встроенный шорткод в теме WP. У меня есть обычные старые якоря на внешней странице, которые ссылаются на эту главную страницу с несколькими терминами / определениями внутри аккордеона. Мне бы хотелось, чтобы тег привязки не только перенес пользователя на указанный термин, но и открыл панель аккордеона, в которой он находится, и таким образом показал определение.
Я попытался это безуспешно — http://jsfiddle.net/VZ3T5/5/
И теперь я перешел к этому, но не могу заставить его работать —
<script type="text/javascript">
var anchor = window.location.hash.substring(1);
$('.' + anchor).removeClass('active');
</script>
Решение
Одним из способов активировать конкретную вкладку аккордеона является использование ее идентификатора.
Итак, вы можете использовать, например:
$("#accordion").accordion();
$("#accordion").accordion("option", "active", 2);
активировать третью вкладку после «активации» аккордеона (элементы вкладки аккордеона нумеруются от 0). Там может быть много способов сделать то, что (я думаю) вы хотите сделать:
Используйте идентификатор с URL страницы с аккордеоном, например:
www.domain.com/myaccordionpage.html#2
Таким образом, после того, как вы активируете свой аккордеон в JS, вы можете открыть 3-ю вкладку на вашем элементе аккордеона, когда эта страница загружается:
$("#accordion").accordion("option", "active", parseInt(window.location.hash.substring(1)));
Это может быть одним из решений.
Другие решения
Других решений пока нет …