Magento Static Block and jQuery Accordion Not Working Together

Magento Static Block and jQuery Accordion Not Working Together

I'm using Responsive Banner Slider extension for Magento to view on my homepage above the jQuery Accordion--however the script seems to be competing with each other. The first tab expands the length of where the first slide in the banner would be. Below is my code:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5.   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/start/jquery-ui.css">
  6.   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  7.   <script>jQuery.noConflict();</script>
  8.   <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
  9.   <link rel="stylesheet" href="/resources/demos/style.css">
  10.   <script>
  11.   jQuery(function() {
  12.     jQuery( "#accordion" ).accordion({
  13.       collapsible: true,
  14.  active: false,
  15.  heightStyle: "content"  
  16.     });
  17.   });
  18.   </script>
  19. </head>
  20. <body>

  21. {{block type="responsivebannerslider/index" name="responsivebannerslider_index" template="responsivebannerslider/index.phtml"}}

  22. <div id="accordion">
  23.   <h3>CONVENIENCE STORE INDUSTRY</h3>
  24.   <div>
  25.     <h4>FROM BLAND TO BRAND - A CHANGING INDUSTRY</h4>
  26. <p>Until recent years, branding was not a core focus to c-store owners. You could survive by being the quick, in and out shopping experience and by stocking the quintessential “variety store” items that every customer relied on you to sell.</p>
  27. <p>Today, a growing swath of the c-store industry is disrupting this model by offering and becoming MORE to the consumer. These operators have mastered the basics and now expanded their offerings with well-designed decors and higher quality food service. Their success is drawing more customers into the stores thus becoming an essential part of their customers’ daily commute.</p>
  28. <h4>MAKE YOUR STORE “POP”!</h4>
  29. <p>At The Morrison Group, our goal is to help you make your store more than an impromptu stop – but a frequented destination. We use our experience and expertise from 25 years in the coffee & fountain business to brand your program and make you unique from your competition through the following:</p>
  30. <ul>
  31. <li><strong>Disposable items – branded walking advertisements for your store</strong></li>
  32. <ul>
  33. <li>Hot / cold cups</li>
  34. <li>Mugs / bags / napkins</li>
  35. <li>Foodservice packaging</li>
  36. </ul>
  37. <li><strong>Custom POP/POS – taking customers from pump to purchase</strong></li>
  38. <ul>
  39. <li>In-house creative services</li>
  40. <li>Full production department</li>
  41. <li>Indoor / outdoor signage</li>
  42. <li>Wall graphics</li>
  43. </ul>
  44. </ul>
  45. <h4>Dealers (1-10 stores)</h4>
  46. <ul>
  47. <li>Customized hot / cold cup program (minimums as low as 10,000)</li>
  48. <li>Morrison designed stock cups and mugs (no minimums)</li>
  49. <li>Exclusive national oil branded products (no minimums)</li>
  50. </ul>
  51. <h4>Dealers (11-300+ stores)</h4>
  52. <ul>
  53. <li>Customized hot / cold cup programs wide selection of substrates at low cost</li>
  54. <li>Fully designed POP systems by in-house creative department</li>
  55. <li>Warehousing and national distribution capability from a single case to full truckload</li>
  56. </ul>
  57. <h4>Jobbers / Petroleum Marketers</h4>
  58. <h5>COST EFFECTIVE STRATEGIES FOR OIL OR CUSTOM BRANDS</h5>
  59. <p>We can partner with you to provide your stores the best possible cost on disposable packaging items and branded décor options (e.g. monthly marketing kits). Through scaled purchasing power you can help your operator’s bottom line and keep them ahead of the competition.</p>
  60. <ul>
  61. <li>Customized beverage program</li>
  62. <li>Stock and exclusive oil branded products</li>
  63. <li>Low-to-no minimum runs (less frequent restocking)</li>
  64. <li>Warehousing and national distribution capability from a single case to full truckload</li>
  65. </ul>
  66.   </div>
  67.   
  68.   <h3>WHOLESALERS</h3>
  69.   <div>
  70.     <h4>SOLUTIONS THAT MAKE SENSE</h4>
  71. <p>Efficiently carrying your customers’ proprietary branded items is a major challenge in the wholesale industry. While every wholesaler works tirelessly to keep its customers happy, warehousing high minimum runs of custom branded products inflates inventories and increases working capital. At The Morrison Group, we offer beverage program solutions that take the stocking head-ache out of the purchasing department’s hands and allow the wholesaler to provide better options for its customers. Our low-minimum runs and flexible shipping allow you to only bring in quantities that make sense.</p>
  72. <p>Oh, and the dilemma of figuring out which lid goes on which cup? Give us a call – we are experts and can handle these questions any time. Pair up with The Morrison Group and ensure hot and cold cups are part of every store delivery.</p>
  73. <strong>How we help wholesalers:</strong>
  74. <ul>
  75. <li>Flexible distribution and shipping</li>
  76. <li>Broadest custom cup program in the industry</li>
  77. <li>In-house creative department with branding expertise</li>
  78. <li>Cup/Lid experts and ready to assist your sales staff out in the field</li>
  79. </ul>
  80.   </div>
  81.   
  82.   <h3>COFFEE ROASTERS</h3>
  83.   <div>
  84.     <h4>THE PERFECT BLEND TO SUPPORT YOUR BRANDED PROGRAM</h4>
  85. <p>As a coffee roaster, you have spent years perfecting the art of roasting a gourmet cup of coffee. From scouring the world for the best selection of beans, to choosing the perfect tasting process, you are involved in every step of creating that perfect cup of Joe. At The Morrison Group, we are committed to the coffee business. We develop, implement and produce branded materials and cups to support your coffee and fountain programs.  Choosing a partnership with TMG is the perfect blend of creative collaboration and support that will enhance the drinking experience of your customers.</p>
  86. <strong>The Morrison Group has a strong track record assisting in the POP management of these major brands:</strong>
  87. <ul>
  88. <li>Smucker’s – (Folgers, Millstone, Java Coast, Cafe Bustelo)</li>
  89. <li>New England Coffee</li>
  90. <li>S&D Coffee</li>
  91. <li>Eight O’clock Coffee</li>
  92. <li>Conoco Phillips</li>
  93. <li>76</li>
  94. <li>Valero</li>
  95. <li>BP</li>
  96. <li>Shell</li>
  97. <li>Chevron</li>
  98. <li>Core-Mark (Arcadia Bay)</li>
  99. <li>McLane (Cup Program)</li>
  100. </ul>
  101. <strong>How we help roasters:</strong>
  102. <ul>
  103. <li>In-house creative department with branding expertise</li>
  104. <li>Years of market research concerning cup material specifications and regional consumer preferences</li>
  105. <li>Fully designed POP systems</li>
  106. <li>Low-to-no minimums for niche shops</li>
  107. </ul>
  108. </div>

  109.   <h3>FOODSERVICE</h3>
  110.   <div>
  111.     <h4>PROGRAMS THAT WILL MAKE THEM HUNGRY</h4>
  112.     <ul>
  113.     <li>Cafe</li>
  114.     <li>Restaurant</li>
  115.     </ul>
  116.   </div>
  117.   
  118.   <h3>ADVERTISING AGENCY</h3>
  119.   <div>
  120.     <h4>ADD EXPERTISE AND VALUE TO YOUR CREATIVE OFFERINGS</h4>
  121. <p>When it comes to producing successful campaigns, design, practical components and a focused marketing strategy are all essential. A partnership with TMG brings value, solutions and added expertise to your creative offerings for your clients. It takes a broad mix of media and graphic applications to accomplish the unique goals of a business—whether it’s branding, driving sales, new product awareness or simply aesthetics, combining talent and resources will bring results that not only meet, but exceed your clients expectations.</p>
  122.   </div>
  123.   
  124. </div>
  125.  </body>
  126.  

  127. </html>