请帮我解决这个问题。我正在开发一个网站,我的客户链接是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> </span>');
$('.featured_list li a').append('<span class="zoom"> </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();
});
});
请帮我解决这个问题。 感谢
答案 0 :(得分:0)
考虑使用jQueryUI Accordion元素,它是一个随时可用的手风琴插件,具有非常简单的实现。 您只需要导入jQuery和jQueryUI库就可以了,然后您可以使用一个非常简单的jQuery初始化函数来触发它。 您可以在此处找到完整的文档:http://api.jqueryui.com/accordion/