Jump to content

Issues with Accordion Heading and Content


TinyTubbs

Recommended Posts

I'm hoping someone can help me. As far as I know, the coding is correct for the accordion and heading and content. If you go to http://sdda.sd.gov/office-of-the-secretary/ag-summit/default.aspx and click on "Previous Years Videos", you can see the whole screen jump instead of just expand. Also, if you click on a year, the whole accordion closes. I have no idea what to do! I can copy and paste the coding here, but if you're able to just look at it from the website, that would be great. Thanks in advance!

Link to comment
Share on other sites

What code deals with the accordions? It looks like the problem is that it doesn't expect them to be nested, but maybe there's a way to tell it to check for that. I don't see any screen jumping in my browser though.

Link to comment
Share on other sites

I don't think there is anything extra. I'm using Dreamweaver CS 5.5 and am not 100% familiar with it. Took a day and a half class through the state and have been kind of teaching myself. I just put in the accordion code from above and it shows up like that. I'm not sure if it's because there are accordions within an accordion or if it's because there are so many videos so it slows it down. I'll post the coding for the whole page.

Link to comment
Share on other sites


<!DOCTYPE html>

<html><!-- InstanceBegin template="/Templates/basic-page.dwt" codeOutsideHTMLIsLocked="true" -->

<div id="sd40s">

4oiGIFNEIEJJVCBEZXRlY3Rpb24=

</div>

 

<head>

<style>

#sd40s {

display:none;

}

</style>

 

 

<meta charset="utf-8">

<!-- InstanceBeginEditable name="doctitle" --><title>Agenda & Registration | South Dakota Department of Agriculture</title><!-- InstanceEndEditable -->

 

<meta name="description" content="">

<meta name="author" content="">

 

<!--#include virtual="/incs/headerBottom.aspx"-->

<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->

</head>

 

 

<body>

<!--#include virtual="/incs/branding.aspx"-->

<!--#include virtual="/incs/newnavigation.aspx"-->

</div>

 

<div class="content subPage" id="content">

 

<h1 class="entry-title"><!-- InstanceBeginEditable name="Headline" -->Governor's Agricultural Summit <!-- InstanceEndEditable --></h1>

<div class="entry-content">

<!-- InstanceBeginEditable name="Copy" -->

<p><a href="http://www.sdagsummit.com/default.aspx'>http://www.sdagsummit.com/default.aspx"><img src="/legacydocs/Registration/vert-logo.jpg" alt="GAS" width="184" height="165" align="left"></a></p>

<p>  </p>

<p>The Governor's Agricultural Summit brings together leaders in business, finance, education, government and production agriculture to demonstrate agriculture's comparative advantages and discuss ways to harness the industry's potential for economic development. </p>

<p>This year’s Governor’s Agricultural Summit will be held: June 1-2, 2016 in Brookings, SD.</p>

<h5> </h5><!--

<h5>To Register, please visit <a href="http://www.sdagsummit.com">www.sdagsummit.com</a></h5>

 

 

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/XsvPhXDM2BA" frameborder="0" allowfullscreen></iframe>-->

 

 

<h2 class="accordionHeading" id="Previous Agendas">Past Agendas</h2>

<div class="accordionContent">

<p><a href="../../legacydocs/Registration/2015_summit_agenda.pdf">2015 Summit Agenda</a></p>

<p><a href="../../legacydocs/Registration/SDDA-2014-Summit-Agenda.pdf">2014 Summit Agenda </a></p>

<p><a href="/legacydocs/Registration/2013 agenda.pdf">2013 Summit Agenda</a></p>

<p><a href="/legacydocs/Registration/2012 Ag Summit Agenda.pdf">2012 Summit Agenda</a></p>

<p><a href="/legacydocs/Registration/SummitAgenda.pdf">2011 Summit Agenda</a></p>

</div>

<h2 class="accordionHeading" id="Videos">Previous Years Videos</h2>

<div class="accordionContent">

<h2 class="accordionHeading">2011</h2>

<div class="accordionContent">

<p>Click on the links below for video snapshots from each year's Governor's Agricultural Summit.  </p>

<p>The purpose of the Governor's Ag Development Summit is to bring together leaders in business, finance, education, government and production agriculture to demonstrate agriculture's comparative advantages and discuss ways to harness the industry's potential for economic development.</p>

<h2><strong>Welcome</strong> – Walt Bones, Secretary of Agriculture</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/CBWR4QfoN8U?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Ag Banking Panel</strong> – Bob Schmidt-Farm Credit Services of American, Steve Dutenhoffer- Dacotah Bank, Nate Franzen- First Dakota National Bank, Bob Rutten- Citizens State Bank</h2>

<p><iframe width="480" height="360" src="http://www.youtube.com/embed/abo9deR1C_U?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Rural Health Pane</strong>l – Dr. Dan Heineman-Sanford Health, Jay Weems-Avera Health, Rebekah Cradduck- SD Assn. of Healthcare Organizations

</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/KnN6JR_mCzQ?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Kristi Noem Speech</strong> – Representative Kristi Noem</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/lCVZGbouDhI?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Industrial Ag Panel</strong> – Ed Mallett-CHS, Jim Tobin-Monsanto, Dr. Alan Ayers-Bayer CropScience, Bill Even-Pioneer, Rob Skjonsberg- SD Ethanol Producers Assn.</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/iIIxjk1_IVA?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Summit Wrap Up</strong> – Lucas Lentsch, Director of Agricultural Development</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/DyoUvpi3UmQ?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<p> </p>

<h2><strong>Banquet & Award</strong> – Key Note Speaker Lt. Governor Matt Michels</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/O5XpMfzqWAo?rel=0" frameborder="0" allowfullscreen></iframe> </p>

 

</div>

<h2 class="accordionHeading">2012</h2>

<div class="accordionContent">

<p>The purpose of the Governor's Ag Development Summit is to bring together leaders in business, finance, education, government and production agriculture to demonstrate agriculture's comparative advantages and discuss ways to harness the industry's potential for economic development.</p>

<h2><strong>Welcome – </strong>Walt Bones, Secretary of Agriculture</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/o2rTQpSmC-U?rel=0" frameborder="0" allowfullscreen></iframe>

</p>

<h2> </h2>

<h2><strong>Agricultural Policy- </strong>John Phipps, US Farm Report</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/JpHkmtQX5Vc?rel=0" frameborder="0" allowfullscreen></iframe>

</p>

<p> </p>

<h2><strong>Exporting and International Trade Panel</strong>- Ambassador Islam Siddiqui, Office of the US Trade Representative; Michelle Rogowski, Food Export; Dean Gorder, North Dakota Trade Office</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/b-aM-Fti854?rel=0" frameborder="0" allowfullscreen></iframe>

</p>

<p> </p>

<h2><strong>Dennis Daugaard,  </strong>Governor of South Dakota</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/SlbREgH3ML4?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2> </h2>

<h2><strong>Livestock Development</strong>- Dr. Luke Minion- Pipestone Veterinary Clinic; Nathan Jensen, Farm Credit Services of America; Tony Clayton- Clayton Agri-Marketing</h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/fwcpVwIs1G8?rel=0" frameborder="0" allowfullscreen></iframe> </p>

<h2><strong>Succession Planning</strong>- Gary F. Sipiorski, Vita Plus Corporation </h2>

<p><iframe width="480" height="270" src="http://www.youtube.com/embed/zj5JwKq-P0I" frameborder="0" allowfullscreen></iframe> </a></p>

</div>

<h2 class="accordionHeading">2014</h2>

<div class="accordionContent">

 

<p>The purpose of the Governor's Ag Development Summit is to bring together leaders in business, finance, education, government and production agriculture to demonstrate agriculture's comparative advantages and discuss ways to harness the industry's potential for economic development.</p>

<h2><a href="../../legacydocs/Secretary/PDF/2014 Governor's Ag Summit Program.pdf">2014 Governor's Ag Summit Program</a></h2>

<h2>2014 Governor's Ag Summit Video </h2>

<p><a href="

">Welcome and the State of Agriculture Address</a></p>

<p><a href="

">Session 1-Farm Bill Update from USDA Under Secretary Michael Scuse</a></p>

<p><a href="

">Session 2-Keys to Ag Development: Roads, Rails, and Rivers</a></p>

<p><a href="

">Governor's Ag Amabassador Luncheon</a></p>

<p><a href="

">Session 3-Environmental & Regulatory Issues</a></p>

<p><a href="

">Session 4-What's Ahead for South Dakota Agriculture?</a></p>

<p> </p>

<h2>2014 Governor's Ag Summit Powerpoint Presentations</h2>

<p><a href="../../legacydocs/Secretary/PDF/Secretary.Lucas.Lentsch-State.of.Agriculture.Address.pdf">Secretary Lucas Lentsch-State of Agriculture Address</a>

<p><a href="../../legacydocs/Secretary/PDF/Senator.Mike.Vehle-Roads.Rails.Rivers.pdf">Senator Mike Vehle-Roads, Rails, & Rivers </a>

<p><a href="../../legacydocs/Secretary/PDF/Michael.Steenhoek.Roads.Rails.Rivers.pdf">Michael Steenhoek, Soy Transportation Committee-Roads, Rails, & Rivers</a>

<p><a href="../../legacydocs/Secretary/PDF/Jeff.Zimprich-Environmental.Regulatory.Issues.Forum.pdf">Jeff Zimprich, NRCS-Environmental & Regulatory Issues</a>

<p><a href="../../legacydocs/Secretary/PDF/Michael Formica.pdf">Michael Formica, National Pork Producers Council-Environmental & Regulatory Issues</a>

<p><a href="../../legacydocs/Secretary/PDF/Brent Gloy.pdf">Brent Gloy, Purdue University-What's ahead for South Dakota Agriculture?</a>

<p><a href="../../legacydocs/Secretary/PDF/John Blanchfield.pdf">John Blanchfield, American Bankers Association-What's ahead for South Dakota Agriculture?</a>

<h2> </h2>

</div>

<h2 class="accordionHeading">2015</h2>

<div class="accordionContent">

<p>The purpose of the Governor's Ag Development Summit is to bring together leaders in business, finance, education, government and production agriculture to demonstrate agriculture's comparative advantages and discuss ways to harness the industry's potential for economic development.</p>

<h2><strong>State of Agriculture Address</strong> – Lucas Lentsch, Secretary of Agriculture</h2><iframe width="480" height="270" src="https://www.youtube.com/embed/bBUfNjXkawM?list=PLCvVBOK6lIHulcsiY9C0JB05RrDtnC9u6" frameborder="0" allowfullscreen></iframe>

<h2><strong>Political, Scientific, and Social Challenges in Agriculture Today</strong> </h2>

<iframe width="480" height="270" src="https://www.youtube.com/embed/-vpRcIr4NTw?list=PLCvVBOK6lIHulcsiY9C0JB05RrDtnC9u6" frameborder="0" allowfullscreen></iframe>

<h2><strong>Trade Opportunities for South Dakota Agriculture</strong> </h2>

<iframe width="480" height="270" src="https://www.youtube.com/embed/uWT0i2bTfZQ" frameborder="0" allowfullscreen></iframe>

<h2><strong>Opportunities for South Dakota Producers</strong> </h2>

<iframe width="480" height="270" src="https://www.youtube.com/embed/_-rjZhxYoDM?list=PLCvVBOK6lIHulcsiY9C0JB05RrDtnC9u6" frameborder="0" allowfullscreen></iframe>

<h2><strong>What's Ahead for South Dakota Agriculture?</strong> </h2>

<iframe width="480" height="270" src="https://www.youtube.com/embed/JVaosaMRrcU?list=PLCvVBOK6lIHulcsiY9C0JB05RrDtnC9u6" frameborder="0" allowfullscreen></iframe>

</div>

</div>

 

<h2 class="accordionHeading">Previous Years Sponsors</h2>

<div class="accordionContent">

 

<p>Thank you to all our sponsors, past and present. We could not pull off the Governor’s Ag Development Summit without you!<br>

Click the links below to view sponsors by year:</p>

<ul>

<li><a href="../../legacydocs/Registration/2015_sponsors.pdf">2015</a></li>

<li><a href="../../legacydocs/Registration/2014.summit.sponsors.pdf">2014</a></li>

<li><a href="/legacydocs/Registration/2013-sponsors-thank-you.pdf">2013</a></li>

<li><a href="/legacydocs/Registration/2012-Sponsors.pdf">2012</a></li>

<li><a href="/legacydocs/Registration/2011-Sponsors.pdf">2011</a></li>

</ul>

</div>

 

<h2> </h2>

<h2> </h2>

<p> </p>

<!-- InstanceEndEditable -->

</div>

</div>

<!--#include virtual="/incs/footer.aspx"-->

 

</body>

<!-- InstanceEnd --></html>

Link to comment
Share on other sites

Yes, it's because there are nested accordions. Whatever Javascript code controls those figures out that you clicked on an element with the class accordionHeading, which means you're expanding an accordion, so it closes all of the other accordions without checking if the one you clicked on is a child of another one. That's what would need to be changed, but if you don't know what Javascript code is running all of that then that's a problem. You need to know where to make the changes.

 

It looks like you have a file called script.js, and there is some accordion code there that starts on line 180. That's probably what controls those opening and closing, so I would start there to look at making changes.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...