ok heres my question I am new at jquery so bear with me but I catch on quick here is my code.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Testmain.css">
<script style="text/javascript" src="jquery-ui.js"></script>
<script style="text/javascript" src="modernizr.js"></script>
</head>
<body>
<div>
<img src="tokeOfTheTown.jpg">
</div>
<!-- this is original tab code -->
<div id="container">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">Start 1</li>
<li class="tab-link" data-tab="tab-2">Start 2</li>
<li class="tab-link" data-tab="tab-3">Start 3</li>
</ul>
<div id="tab-1" class="tab-content current">
<p> this is just start Tab 1</p>
</div>
<div id="tab-2" class="tab-content">
<!-- This is where im going to try and place the accordion.-->
<div class="myaccordion">
<h3>Current News</h3>
<div><p>This is for current News.</p></div>
<h3>Old News</h3>
<div><p>This section is for older news.</p></div>
<h3>Breaking News</h3>
<div><p>This section is for breaking news.</p></div>
</div>
<script src="tester.js">
</script>
</div>
<div id="tab-3" class="tab-content">
<p>This is tab 3</p>
</div>
</div>
<script src='http://codepen.io/assets/libs/fullpage/jquery.js'></script>
<script src="ProgExamples/js/index.js"></script>
</body>
</html>
I am trying to get an accordion inside the tabs part of my little website tester and I cant get it to work no matter what I have tried. it will if you click on tab 2 it will just show all of the .myaccordion class all at once withno collapse or nothing.
if you wish I can add the code for the index.js and the css file but they are pretty standard.