我正在使用波旁補充網站http://refills.bourbon.io/的最小手風琴標籤,並想知道如何鏈接到我網站中其他頁面的特定標籤。當帶有製表符的頁面加載第一個製表符時始終顯示。Bourbon Refills如何鏈接到標籤
我想知道如何與選項卡從不同的網頁上我的網站,但不是具有第一默認選項卡活動鏈接到頁面有第二或第三個標籤被激活。您可以通過訪問http://codepen.io/andrewjcurrie/details/qbqvxo/來查看我指的是什麼,下面是支持選項卡的JavaScript。
$(document).ready(function() {
$('.accordion-tabs-minimal').each(function(index) {
$(this).children('li').first().children('a')
.addClass('is-active').next().addClass('is-open').show();});
$('.accordion-tabs-minimal').on('click', 'li > a.tab-link', function(event) {
if (!$(this).hasClass('is-active')) { event.preventDefault();
var accordionTabs = $(this).closest('.accordion-tabs-minimal');
accordionTabs.find('.is-open').removeClass('is-open').hide();
$(this).next().toggleClass('is-open').toggle();
accordionTabs.find('.is-active').removeClass('is-active');
$(this).addClass('is-active'); } else {
event.preventDefault();}});});
正如你可以在筆上看到的,我希望有鏈接工作與散列標籤。我希望能夠將#Second_Tab添加到基本URL,並在訪問該鏈接時使第二個選項卡變爲活動狀態。任何提示或建議如何最好地完成這將不勝感激,謝謝!
非常好!謝謝Angelique,作品完美。 –