如何从 wordpress 的另一个页面打开手风琴中的特定选项卡？答案

【问题标题】：how to open a specific tab in the accordion from another page in wordpress?如何从 wordpress 的另一个页面打开手风琴中的特定选项卡？
【发布时间】：2014-01-04 07:57:28
【问题描述】：

请帮我解决这个问题。我正在为我的客户开发一个网站链接是http://richescarpentryandbuilding.com.au/ 在这里您将获得弹跳css3 效果图片和h2 标题下方。当人们点击 h2 标题（例如 Quality Builder、Residential Constructions、Commercial Installation 等单独的 h2 标题时，我想要的只是打开服务页面的 @ 987654322@ 特定的手风琴选项卡，例如“Quality Builder”“住宅建筑”“商业安装”。我已经放了链接，但它们不起作用。我是 Javascript 和 Jquery 的新手。我正在为我的手风琴使用下面的代码.....

$(function() {
    var myName = $('#name');
    myName.focus(function() { if ($(this).val() == 'NAME ...') {$(this).val('');} });
    myName.blur(function() { if ($(this).val() == '') {$(this).val('NAME ...');} });        
    var myEmail = $('#email');
    myEmail.focus(function() { if ($(this).val() == 'EMAIL ...') {$(this).val('');} });
    myEmail.blur(function() { if ($(this).val() == '') {$(this).val('EMAIL ...');} });          
    $('.top').click(function () {
        $('body,html').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
    $('.header nav ul ul li a').append('<span>&nbsp;</span>');
    $('.featured_list li a').append('<span class="zoom">&nbsp;</span>');

    $('#tabs div').hide();
    $('#tabs div:first').show();
    $('#tabs ul li:first').addClass('active');
    $('#tabs ul li a').click(function(){
        $('#tabs ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
        $('#tabs div').hide();
        $(currentTab).show();
        return false;
    });
$('#h_tabs div').hide();
$('#h_tabs div:first').show();
$('#h_tabs ul li:first').addClass('active');
$('#h_tabs ul li a').click(function(){
    $('#h_tabs ul li').removeClass('active');
    $(this).parent().addClass('active');
    var currentTab2 = $(this).attr('href');
    $('#h_tabs div').hide();
    $(currentTab2).show();
    return false;
});
$('#s_tabs div').hide();
$('#s_tabs div:first').show();
$('#s_tabs ul li:first').addClass('active');
$('#s_tabs ul li a').click(function(){
    $('#s_tabs ul li').removeClass('active');
    $(this).parent().addClass('active');
    var currentTab3 = $(this).attr('href');
    $('#s_tabs div').hide();
    $(currentTab3).show();
    return false;
});
$('.top_title, .text_bar2').prepend('<div class="text_bar_shadow"></div>').append('<div class="text_bar_shadow2"></div>');
$('.features_block ul li, .features2_block ul li, .bc_list ul li, .features5_block ul li, .services_option4 ul li, .small_icons ul li, .medium_icons ul li, .large_icons ul li').prepend('<span class="circle"></span>');
$('.faq_list .filter li').on('click', function(){
    $('.faq_list .filter li').removeClass('active');
    $(this).addClass('active');
});
$('.faq_list .filter .all').on('click', function(){
    $('#faq .all').show();
});
$('.faq_list .filter .business').on('click', function(){
    $('#faq .technical').hide();
    $('#faq .miscellaneous').hide();
    $('#faq .business').show();
});
$('.faq_list .filter .technical').on('click', function(){
    $('#faq .business').hide();
    $('#faq .miscellaneous').hide();
    $('#faq .technical').show();
});
$('.faq_list .filter .miscellaneous').on('click', function(){
    $('#faq .business').hide();
    $('#faq .technical').hide();
    $('#faq .miscellaneous').show();
});
});

请帮我解决这个问题。谢谢

【问题讨论】：

标签： wordpress accordion jquery-ui-accordion external-links

【解决方案1】：

考虑使用 jQueryUI Accordion 元素，这是一个易于使用的即用型手风琴插件。你只需要导入 jQuery 和 jQueryUI 库就可以让它工作，然后你可以用一个非常简单的 jQuery 初始化函数来触发它。你可以在这里找到完整的文档：http://api.jqueryui.com/accordion/

【讨论】：