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

时间:2014-01-04 07:57:29

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

请帮我解决这个问题。我正在开发一个网站,我的客户链接是http://richescarpentryandbuilding.com.au/,在这里你将获得bssching css3效果图片和h2标题下方。当人们点击h2标题时,我想要的只有 Quality Builder 住宅建筑商业安装等个人h2标题将打开服务页面{ {3}}特定的手风琴标签,例如“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();
});
});  

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

1 个答案:

答案 0 :(得分:0)

考虑使用jQueryUI Accordion元素,它是一个随时可用的手风琴插件,具有非常简单的实现。 您只需要导入jQuery和jQueryUI库就可以了,然后您可以使用一个非常简单的jQuery初始化函数来触发它。 您可以在此处找到完整的文档:http://api.jqueryui.com/accordion/