几个星期前，我已经尝试过jQuery Accordion并且它运行得非常好。在不改变手风琴本身的情况下实施一些改变之后，它现在无法奏效。我不确定出了什么问题。
这是我的jQuery代码段：
<script>
$(function() {
$( "#accordion" ).accordion({
heightStyle: "content",
autoHeight: false,
clearStyle: true,
animate: true,
header: "h3",
collapsible: true,
active: false
});
});
</script>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('*');
</script>
<![endif]-->
这是我的HTML：
<div id="accordion">
<h3>Managed Services</h3>
<div>
<p><span>Alchemy Social’s Managed Service solution works with businesses of all sizes — from brand new start-ups to established multinationals — ensuring that they connect with and engage the right social audiences.</span></p>
<p>Our teams combine the perfect blend of skills, from traditional digital display through search to creative design. With offices around the world, we manage campaigns and support our clients whenever and wherever they need us:</p>
<ul class="alchemy-product-list-subnav">
<li class="alchemy-product-list">Full campaign management, from goal setting/strategy through to delivery and reporting </li>
<li class="alchemy-product-list">Targeting and segmentation planning</li>
<li class="alchemy-product-list">Custom built creative generation on demand (image and copy)</li>
<li class="alchemy-product-list">Daily optimisation</li>
<li class="alchemy-product-list">Regular reporting</li>
<li class="alchemy-product-list">Campaign review</li>
<li class="alchemy-product-list">Access to Experian’s unique and proprietary data assets to improve campaigns</li>
</ul>
</div>
<h3>Licensed Services</h3>
<div>
<p><span>As the social space evolves at tremendous speed, even the most experienced in-house teams can need support to stay ahead of the curve.</span></p>
<p>Experian’s Alchemy Social Licensed solutions offer flexible, on-demand services to meet every need. Our client services team is amongst the most experienced in the industry, offering scalable support to your social strategies and campaigns.</p>
<p><span>Alchemy SaaS</span></p>
<p>Licensing the Alchemy Social Platform brings access to the full range of features of the Facebook ads manager platform, including:</p>
<li class="alchemy-product-list">Guidance on how to create, manage, report on and optimise campaigns </li>
<li class="alchemy-product-list">Access to regular webinars on new releases, features and best practices </li>
<li class="alchemy-product-list">Dedicated account management support and consultative advice </li>
<li class="alchemy-product-list">Create campaign rules for real-time cost per acquisition (CPA) optimisation</li>
<li class="alchemy-product-list">Effectively refine activity at various points of the campaign cycle</li>
<li class="alchemy-product-list">Control ad spend at segment level by location or target group</li>
<li class="alchemy-product-list">Analyse conversion data and integrate with other analytical tools</li>
<li class="alchemy-product-list">View real-time reporting to understand CPA and conversion rates at ad level</li>
<li class="alchemy-product-list">Integrate campaign results with tools like Google Analytics and Adobe Omniture</li>
</div>
</div>
<br/>
<h5 class="blue-subtitle">Facebook Audience Engagement</h5>
<p>Custom Audiences allow you to target Facebook ads to specific individuals, using CRM data. This approach is ideal for amplifying the reach of your overall advertising, enables more granular Facebook targeting to improve ROI. We are uniquely placed to help you create a long term dialogue with your customers, which is mutually beneficial and profitable.</p>
<p><a href="http://www.experian.co.uk/marketing-services/about/ems-contact-alchemy.html">Get in touch</a> to discover how you can maximise the results of your social advertising by connecting with the right audience.</p>
</div>
<div id="tab3" class="extended_tabContent">
<p>Alchemy Social drives social marketing performance for brands from across a wide range of sectors – to connect with more of their customers, where they engage and with the messages they want to see.</p>
<br/>
<p><span><i>"Our goal was to not just recruit new customers, but to engage the right audience to acquire quality leads. Working with Alchemy allowed us to leverage Experian's Mosaic profiling to give us extra confidence when building our audience segments. Facebook newsfeed ads were also a great medium for getting people engaged with the brand and saw us boost page likes by 34%"</i></span> <br/>Chris James, Global Multi-channel Performance Manager</p>
<br/>
<p>Alchemy Social's precision engagement, based on deep expertise and flexible solutions, delivers demonstrable bottom line results.</p>
<div class="leftCol">
<ul class="extended_subNavigation">
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-luxury-retailer.pdf" target="_blank" class="alchemy-product-link">A luxury retailer combines Facebook advertising<br/> with email to increase ROI by 350 per cent</a></li>
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-cit-thomson-sport.pdf" target="_blank" class="alchemy-product-link">A social media ad campaign for a travel company<br/> achieves 14 per cent conversion – outperforming<br/> all other campaign channels – combining Experian<br/> Alchemy Social with keyword data from<br/> Experian Hitwise</a></li>
</ul>
</div>
<div class="rightCol">
<ul class="extended_subNavigation">
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-luxury-retailer.pdf" target="_blank" class="alchemy-product-link">Drives a 55 per cent boost in fan base and<br/> cut cost per action by 84 per cent for a major<br/> UK leisure and sports betting group</a></li>
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-cit-thomson-sport.pdf" target="_blank" class="alchemy-product-link">Fashion retailer perfects its Facebook<br/> advertising – 150K fans added and a 4.5%<br/> increase in CTR</a></li>
</ul>
</div>
</div>
您还可以查看网页本身： http://www.planet.nu/dev/experian-project/product-page.html
答案 0 :(得分：0)
嗨好像有些标签没有正确关闭..试试下面的html，希望它能解决你的问题!!
<div id="accordion">
<h3>Managed Services</h3>
<div>
<p><span>Alchemy Social’s Managed Service solution works with businesses of all sizes — from brand new start-ups to established multinationals — ensuring that they connect with and engage the right social audiences.</span>
</p>
<p>Our teams combine the perfect blend of skills, from traditional digital display through search to creative design. With offices around the world, we manage campaigns and support our clients whenever and wherever they need us:</p>
<ul class="alchemy-product-list-subnav">
<li class="alchemy-product-list">Full campaign management, from goal setting/strategy through to delivery and reporting</li>
<li class="alchemy-product-list">Targeting and segmentation planning</li>
<li class="alchemy-product-list">Custom built creative generation on demand (image and copy)</li>
<li class="alchemy-product-list">Daily optimisation</li>
<li class="alchemy-product-list">Regular reporting</li>
<li class="alchemy-product-list">Campaign review</li>
<li class="alchemy-product-list">Access to Experian’s unique and proprietary data assets to improve campaigns</li>
</ul>
</div>
<h3>Licensed Services</h3>
<div>
<p><span>As the social space evolves at tremendous speed, even the most experienced in-house teams can need support to stay ahead of the curve.</span>
</p>
<p>Experian’s Alchemy Social Licensed solutions offer flexible, on-demand services to meet every need. Our client services team is amongst the most experienced in the industry, offering scalable support to your social strategies and campaigns.</p>
<p><span>Alchemy SaaS</span>
</p>
<p>Licensing the Alchemy Social Platform brings access to the full range of features of the Facebook ads manager platform, including:</p>
<ul>
<li class="alchemy-product-list">Guidance on how to create, manage, report on and optimise campaigns</li>
<li class="alchemy-product-list">Access to regular webinars on new releases, features and best practices</li>
<li class="alchemy-product-list">Dedicated account management support and consultative advice</li>
<li class="alchemy-product-list">Create campaign rules for real-time cost per acquisition (CPA) optimisation</li>
<li class="alchemy-product-list">Effectively refine activity at various points of the campaign cycle</li>
<li class="alchemy-product-list">Control ad spend at segment level by location or target group</li>
<li class="alchemy-product-list">Analyse conversion data and integrate with other analytical tools</li>
<li class="alchemy-product-list">View real-time reporting to understand CPA and conversion rates at ad level</li>
<li class="alchemy-product-list">Integrate campaign results with tools like Google Analytics and Adobe Omniture</li>
</ul>
<h5 class="blue-subtitle">Facebook Audience Engagement</h5>
<p>Custom Audiences allow you to target Facebook ads to specific individuals, using CRM data. This approach is ideal for amplifying the reach of your overall advertising, enables more granular Facebook targeting to improve ROI. We are uniquely placed
to help you create a long term dialogue with your customers, which is mutually beneficial and profitable.</p>
<p><a href="http://www.experian.co.uk/marketing-services/about/ems-contact-alchemy.html">Get in touch</a> to discover how you can maximise the results of your social advertising by connecting with the right audience.</p>
<div id="tab3" class="extended_tabContent">
<p>Alchemy Social drives social marketing performance for brands from across a wide range of sectors – to connect with more of their customers, where they engage and with the messages they want to see.</p>
<br/>
<p><span><i>"Our goal was to not just recruit new customers, but to engage the right audience to acquire quality leads. Working with Alchemy allowed us to leverage Experian's Mosaic profiling to give us extra confidence when building our audience segments. Facebook newsfeed ads were also a great medium for getting people engaged with the brand and saw us boost page likes by 34%"</i></span>
<br/>Chris James, Global Multi-channel Performance Manager</p>
<br/>
<p>Alchemy Social's precision engagement, based on deep expertise and flexible solutions, delivers demonstrable bottom line results.</p>
<div class="leftCol">
<ul class="extended_subNavigation">
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-luxury-retailer.pdf" target="_blank" class="alchemy-product-link">A luxury retailer combines Facebook advertising<br/> with email to increase ROI by 350 per cent</a>
</li>
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-cit-thomson-sport.pdf" target="_blank" class="alchemy-product-link">A social media ad campaign for a travel company<br/> achieves 14 per cent conversion – outperforming<br/> all other campaign channels – combining Experian<br/> Alchemy Social with keyword data from<br/> Experian Hitwise</a>
</li>
</ul>
</div>
<div class="rightCol">
<ul class="extended_subNavigation">
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-luxury-retailer.pdf" target="_blank" class="alchemy-product-link">Drives a 55 per cent boost in fan base and<br/> cut cost per action by 84 per cent for a major<br/> UK leisure and sports betting group</a></li>
<li><a href=" http://www.experian.co.uk/assets/marketing-services/case-studies/case-study-cit-thomson-sport.pdf" target="_blank" class="alchemy-product-link">Fashion retailer perfects its Facebook<br/> advertising – 150K fans added and a 4.5%<br/>increase in CTR</a>
</li>
</ul>
</div>
</div>
</div>
</div>
答案 1 :(得分：0)
终于解决了这个问题。我所做的只是下载另一个版本的jquery UI，它再次起作用。我不确定出了什么问题，即使jQuery用户界面不应该与我的jQuery版本兼容。
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/alchemy-product-style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.9.2.custom.min.css" media="screen" />
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slides').cycle({
fx : 'fade',
timeout: 8000
});
//When page loads...
$(".extended_tabContent").hide(); //Hide all content
$(".extended_tabContent:first").show(); //Show first tab content
$("ul#tabNavigationFourTabs li").mouseover(function() {
$("ul#tabNavigationFourTabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".extended_tabContent").hide(); //Hide all tab content
var activeTab = '#' + $(this).find("a").attr("rel");
$(activeTab).show();
return false;
});
});
</script>
<script>
$(function() {
$( "#accordion" ).accordion({
heightStyle: "content",
autoHeight: false,
clearStyle: true,
animate: true,
header: "h3",
collapsible: true,
active: false
});
});
</script>