html tabs doesn't work any more

juke

New Member
Hy!I want to create a simple build menu with a tabbed view.After i changed something yesterday night it doesn't work any more.The switch between the tabs is broken, the content of all tabs will be shown at the first tabSnippet:\[code\]<div id="wrapper"> <div id="tabContainer"> <div class="tabs"> <ul> <li id="tabHeader_1">Military</li> <li id="tabHeader_2">Supply</li> <li id="tabHeader_3">Research</li> </ul> </div> <div class="tabscontent"> <div class="tabpage" id="tabpage_1"> <table> <tr> <td><p><b>Groud-Units</b></p></td> </tr> <tr> <td><p>Soldiers</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Tanks</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Transporter</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p><b>Air-Units</b></p></td> </tr> <tr> <td><p>Helicopter</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Aircrafts</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Drones</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p><b>Cyber-Units</b></p></td> </tr> <tr> <td><p>Attack Electricity</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Attack Watersupply</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Attack Traffic</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> </table> </div> <div class="tabpage" id="tabpage_2"> <table> <tr> <td><p>Electricity</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Watersupply</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Transport</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> </table> </div> <div class="tabpage" id="tabpage_3"> <table> <tr> <td><p>Teacher</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Doctors</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> <tr> <td><p>Spies</p></td> <td><input type="text" name="c_name" size="3" disabled/></td> <td><input type="submit" value="http://stackoverflow.com/questions/14437919/+" size="1"/></td> </tr> </table> </div> </div> </div>\[/code\]Code: http://jsfiddle.net/Xx28B/Source: http://www.my-html-codes.com/javascript-tabs-html-5-css3My Test Site: http://kappss.funpic.de/world/index2.phpThanks
 
Back
Top