I've been messing with jquery on my site to try and get an accordian code to work, but it seemed to have disabled my forum expand/collapse and my moderation inline. So I removed all jquery codes I had and it still hadn't done anything.
I even checked the original theme that came with mybb and it's even disabled there. Could someone help?
of-ruin.com is my site
plugins//
Account switcher
Ajax PM Notification
Akismet
Default Avatar
Profilefields on postbit
Page Manager
Registration Security Question
Unread PM Notification
And this is the code i was using that I removed (But hope to use D= )
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
jQuery.noConflict();
</script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($) {
$(document).ready(function(){
activePanel = $("#accordion div.panel:first");
$(activePanel).addClass('active');
$("#accordion").delegate('.panel', 'click', function(e){
if( ! $(this).is('.active') ){
$(activePanel).animate({width: "35px"}, 300);
$(this).animate({width: "560px"}, 300);
$('#accordion .panel').removeClass('active');
$(this).addClass('active');
activePanel = this;
};
});
});
});
</script>
Is that all you want to do? To show and hide the div with the intro thing in? You can do that with prototype - its a toggle and you don't need jQuery so you don't need to worry about the conflict.
Post your header template please.
I couldn't find anywhere that shows me how to do it with just java. I want to do an accordion script...like this
http://www.jc-designs.net/demo/accordion.html
<div align="center"><br>
<a name="top" id="top"></a>
<table cellpadding="0" cellspacing="0" id="container"><tr><td align=center>
<!-- BEGIN SIDEBAR CONTENT HERE -->
<table cellspacing=8 cellpadding=1><tr><td width=225px valign=top align=center>
{$welcomeblock}
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Time and Place</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<b><center><iframe src="http://free.timeanddate.com/clock/i3hc2v9m/n256/fs12/tct/pct/tt0/tw1/tm1/ts1/ta1/tb2" frameborder="0" width="186" height="17" allowTransparency="true"></iframe>
<font size=2>Janurary 26th - March 9th</font></b></center>
<img src="http://i46.tinypic.com/34ycmz6.png" align=left style="width:100px;height:100px;padding:10px 10px 10px 10px;">
<div align=left style="margin-top:10px;">
<i>Spring Year 1</i>
<br><b>Highs:</b>
<br><b>Lows:</b>
<br><b>Weather Types:</b>
<br> Rain, Storms, Sun, Drizzle.
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Navigation</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<div style="margin-left:10px;">
-> <a href=/index.php>Forums</a>
<br>-> <a href=/forumdisplay.php?fid=12>Neutral Territories</a>
<br>-> <a href=/forumdisplay.php?fid=25>Claimed Territories</a>
<br>-> <a href=/memberlist.php>Members</a>
<br>-> <a href=/forumdisplay.php?fid=22>Advertisements</a>
<br>-> <a href=/showthread.php?tid=39>Advertisement Rules</a>
<br>-> <a href=/showthread.php?tid=40>Affiliates</a>
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Content</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<div style="margin-left:10px;">
-> <a href=/misc.php?page=Welcome>Ruin Guidebook</a>
<br>-> <a href=/misc.php?page=Howto>How to Join</a>
<br>-> <a href=/showthread.php?tid=5&pid=16#pid16>Auditions</a>
<br>-> <a href=/misc.php?page=elements>Ruin Skills</a>
<br>-> <a href=/misc.php?page=AP>Arcane Points</a>
<br>-> <a href=/showthread.php?tid=33>History</a>
<br>-> <a href=/showthread.php?tid=44>Blessings and Curses</a>
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Elements and Pack Page</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<center><a href=misc.php?page=Water><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/water.png" style="margin-left:10px;"></a> <a href=misc.php?page=Air><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/Leve2.png" style="margin-left:10px;"></a> <a href=misc.php?page=Fire><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/Fuer.png" style="margin-left:10px;"></a><a href=misc.php?page=Earth><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/erde2.png" style="margin-left:10px;"></a></center>
<hr>
<div style="margin-left:20px;">
No Packs Yet.
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Staff</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="justify" class="sidebarcontent">
<div style="margin-left:20px;">
Risa (<i>Admin</i>) <a href="/member.php?action=profile&uid=2">Cable</a>, <a href="/member.php?action=profile&uid=42">Ryder</a><br>
Ami (<i>Admin</i>) <a href="/member.php?action=profile&uid=1">Wire</a>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Cbox</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="220" height="250" src="http://www7.cbox.ws/box/?boxid=605413&boxtag=a5wfp8&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-605413" style="border:#556655 1px solid;" id="cboxmain7-605413"></iframe></div>
<div><iframe frameborder="0" width="220" height="75" src="http://www7.cbox.ws/box/?boxid=605413&boxtag=a5wfp8&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-605413" style="border:#556655 1px solid;border-top:0px" id="cboxform7-605413"></iframe></div>
</div>
<!-- END CBOX -->
<br>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Final Notes</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="justify" class="sidebarcontent">
<div style="margin-left:20px;">
Site © Ami and Risa
<br>Coding © Risa
<br>Plugins © Various People
<br>Characters © players
<br>Images © respective owners
<br>Hosted by the /Amazing/ Joe
<a href="https://twitter.com/LoR_rpg"><img src="http://i49.tinypic.com/14ctjtf.png"></a><a href="https://www.facebook.com/Landofruin"><img src=http://i45.tinypic.com/a2prpe.png></a></div>
</center>
</td></tr></table>
<br>
<!-- FINISH SIDEBAR CONTENT HERE -->
</td><td width=650px valign=top>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" style="border:1px solid #332233;"></a></div>
<script type="text/javascript">
<!--
/*
* Dynamically Tabbed Welcome Table v2
* Generated by the DTT Generator
* Created By Jordan a.k.a. Triad
* http://support.proboards.com
*/
var DTT = {
selected:
{
id: "News",
listItem: {}
},
$: function(id)
{
if(id)
return document.getElementById(id);
return false;
},
init: function()
{
var tCookie = this.getCookie();
if(tCookie.tab)
{
this.toggleTab(tCookie.tab);
}
if(tCookie.show == "0")
{
this.$("pro_collapse").style.display = "none";
}
},
setCookie: function(tab, show)
{
var tTab = "";
var tShow = "";
var tCookie = this.getCookie();
if(tab)
tTab = tab;
else
tTab = (tCookie.tab) ? tCookie.tab : this.selected.id;
if(show)
tShow = show;
else
tShow = (tCookie.show) ? tCookie.show : "1";
document.cookie = "DTTData=tab=" + encodeURI(tTab) + "|show=" + encodeURI(tShow) + ";expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
},
getCookie: function()
{
if(document.cookie.match(new RegExp("DTTData=(.+?)($|;)","gi")))
{
var data = decodeURI(RegExp.$1);
return {
tab: data.split("=")[1].split("|")[0],
show: data.split("=")[2]
};
}
return false;
},
toggleTab: function(id)
{
var newID = id.substr(4);
if(this.selected.id != newID && this.$(id))
{
if(this.$("nav_" + this.selected.id))
{
this.$("nav_" + this.selected.id).className = "tabbg";
this.$("pro_" + this.selected.id).style.display = "none";
}
this.selected.id = newID;
this.$("nav_" + this.selected.id).className = "tabbgselected";
this.$("pro_" + this.selected.id).style.display = "";
this.setCookie(id, false);
}
},
toggleTable: function()
{
if(this.$("pro_collapse").style.display == "")
{
this.$("pro_collapse").style.display = "none";
this.setCookie(false, "0");
}
else
{
this.$("pro_collapse").style.display = "";
this.setCookie(false, "1");
}
},
toggleListItem: function(id, name)
{
if(this.selected.listItem[id])
{
if(this.selected.listItem[id].name == name)
{
if(this.selected.listItem[id].object.style.display == "")
{
this.selected.listItem[id].object.style.display = "none";
this.$("pro_" + id + "_default").style.display = "";
}
else
{
this.$("pro_" + id + "_default").style.display = "none";
this.selected.listItem[id].object.style.display = "";
}
return true;
}
else
this.selected.listItem[id].object.style.display = "none";
}
this.selected.listItem[id] = {
name: name,
object: this.$("pro_" + id + "_" + name)
};
this.$("pro_" + id + "_default").style.display = "none";
this.selected.listItem[id].object.style.display = "";
}
};
//-->
</script>
<table width="100%" align="center" cellspacing="1" cellpadding="0" class="bordercolor">
<tr>
<br>
<td class="tcat" align="center" colspan="2" style="padding: 4px; letter-spacing:2px; cursor: pointer;" onclick="DTT.toggleTable();">Click to Open/Close
</td></tr><tr>
<td class="thead" align="center" colspan="2" style="padding: 4px; letter-spacing:2px; cursor: pointer;" onclick="DTT.toggleTable();">
</td>
</tr>
<tr id="pro_collapse" style="display:;">
<td width="70%" align="center" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_tabs">
<td class="tabbgselected" onclick="DTT.toggleTab(this.id);" id="nav_News" style="border-right: none;">News</td>
</tr>
<tr>
<td class="windowbg" id="pro_content" colspan="1">
<div id="pro_News">
<div class="subtitle">Site News</div><div class="tablefill">
<div class="desc" style="Margin-left:15px; Margin-right:0px">
<br><a href="/showthread.php?tid=670"><font size=3><b>Yet another update</b></font> {New!}
<br><a href="/showthread.php?tid=669"><font size=3><b>Wanna be an alpha?</b></font> {New!}
<br><a href=/showthread.php?tid=634>Lovely Things To Come!</a>
<br><A href=/showthread.php?tid=58><font size=1>WELCOME TO RUIN :D</font></a>
</div></div><br>
<div class="subtitle">Incharacter News</div><div class="tablefill">
<div style="border:0px solid #9f9f9f;width:470px;overflow:auto;" class="desc">
<font size=3>F</font>ive hundred years have gone by and, with the urging of Lunea, the seal that had once closed off their land is cast aside. With a powerful call, Solias summons wolves to enter their land once more. As winter turns to spring Loa hosts her Spring Festival, hoping the wolves of the world will join them in a game she so desperately missed. <a href=/showthread.php?tid=33>[More Here]</a>
</div></div>
</div>
</td>
</tr>
</table>
</td>
<td width="30%" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_sidebar">
<td align="center" class="tabbg" style="border-right: none;">
</td>
</tr>
<tr>
<td class="windowbg" valign="top">
<div id="pro_threads">
<div class="subtitle" align="center">Vote for us!</div>
<br><center><!-- data banner code begin -->
<a href="http://top100wolfrpgs.gotop100.com/in.php?ref=231" target="_blank">
<img src="http://top100wolfrpgs.gotop100.com/lists/top100wolfrpgs/custombanners/80722.jpg" border="0" alt="Top 100 Wolf RPGs"> </a>
<!-- data banner code end --><!-- data banner code begin -->
<a href="http://topcanine100.gotop100.com/in.php?ref=391" target="_blank">
<img src="http://topcanine100.gotop100.com/lists/topcanine100/custombanners/14818.png" border="0" alt="Top 100 Canine Sites"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://intusincedniak9elites.gotop100.com/in.php?ref=298" target="_blank">
<img src="http://intusincedniak9elites.gotop100.com/lists/intusincedniak9elites/custombanners/46279.png" border="0" alt="Intus Incednia's K9 Elites"> </a>
<!-- data banner code end --> <!-- data banner code begin -->
<a href="http://alphawolf.gotop100.com/in.php?ref=1656" target="_blank">
<img src="http://alphawolf.gotop100.com/lists/alphawolf/custombanners/19991.png" border="0" alt="Top 50 Wolf RPG"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://tearsbonesanddesire.gotop100.com/in.php?ref=209" target="_blank">
<img src="http://tearsbonesanddesire.gotop100.com/lists/tearsbonesanddesire/custombanners/36558.gif" border="0" alt="TBD Topsites"> </a>
<!-- data banner code end --><a href="http://topsites.rpg-directory.com/index.php?a=in&u=Risa"><img src="http://topsites.rpg-directory.com/button.php?u=Risa&buttontype=static" alt="RPGD Topsites" /></a>
<br><br>
<div class="subtitle">Our Sisters</div>
<p>
<a href=http://valoria.infinite-muse.com target=new><img src=http://i193.photobucket.com/albums/z151/kittykarnage/button2.gif title="Lions of Valoria" border="0"></a> <img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png">
<img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png"> <img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png">
</center>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
DTT.init();
//-->
</script>
<hr class="hidden" />
<br class="clear" />
<div id="content" align=center>
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
</div>
<div class="navigate">
<navigation></div>
<br />
I see. Do you want it to have a cookie especially? Or do you just want it to open and close on click?
open and close on a click with the first one always open.
Also, i just tried to delete some spam accounts in my acp and it seems it wont work either. Like the inline moderation i'll click threads and the 'go (0)' will remain 0. also, i'll go into the user in the acp to edit it, and all the information that should be under the tabs appears in the 'user overview'
....i think i really messed things up here.
Ok, lets try this. I see only one thing in that div of yours
<div align="center"><br>
<a name="top" id="top"></a>
<table cellpadding="0" cellspacing="0" id="container"><tr><td align=center>
<!-- BEGIN SIDEBAR CONTENT HERE -->
<table cellspacing=8 cellpadding=1><tr><td width=225px valign=top align=center>
{$welcomeblock}
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Time and Place</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<b><center><iframe src="http://free.timeanddate.com/clock/i3hc2v9m/n256/fs12/tct/pct/tt0/tw1/tm1/ts1/ta1/tb2" frameborder="0" width="186" height="17" allowTransparency="true"></iframe>
<font size=2>Janurary 26th - March 9th</font></b></center>
<img src="http://i46.tinypic.com/34ycmz6.png" align=left style="width:100px;height:100px;padding:10px 10px 10px 10px;">
<div align=left style="margin-top:10px;">
<i>Spring Year 1</i>
<br><b>Highs:</b>
<br><b>Lows:</b>
<br><b>Weather Types:</b>
<br> Rain, Storms, Sun, Drizzle.
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Navigation</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<div style="margin-left:10px;">
-> <a href=/index.php>Forums</a>
<br>-> <a href=/forumdisplay.php?fid=12>Neutral Territories</a>
<br>-> <a href=/forumdisplay.php?fid=25>Claimed Territories</a>
<br>-> <a href=/memberlist.php>Members</a>
<br>-> <a href=/forumdisplay.php?fid=22>Advertisements</a>
<br>-> <a href=/showthread.php?tid=39>Advertisement Rules</a>
<br>-> <a href=/showthread.php?tid=40>Affiliates</a>
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Content</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<div style="margin-left:10px;">
-> <a href=/misc.php?page=Welcome>Ruin Guidebook</a>
<br>-> <a href=/misc.php?page=Howto>How to Join</a>
<br>-> <a href=/showthread.php?tid=5&pid=16#pid16>Auditions</a>
<br>-> <a href=/misc.php?page=elements>Ruin Skills</a>
<br>-> <a href=/misc.php?page=AP>Arcane Points</a>
<br>-> <a href=/showthread.php?tid=33>History</a>
<br>-> <a href=/showthread.php?tid=44>Blessings and Curses</a>
</div>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Elements and Pack Page</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<center><a href=misc.php?page=Water><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/water.png" style="margin-left:10px;"></a> <a href=misc.php?page=Air><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/Leve2.png" style="margin-left:10px;"></a> <a href=misc.php?page=Fire><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/Fuer.png" style="margin-left:10px;"></a><a href=misc.php?page=Earth><img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/Ruin/erde2.png" style="margin-left:10px;"></a></center>
<hr>
<div style="margin-left:20px;">
No Packs Yet.
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Staff</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="justify" class="sidebarcontent">
<div style="margin-left:20px;">
Risa (<i>Admin</i>) <a href="/member.php?action=profile&uid=2">Cable</a>, <a href="/member.php?action=profile&uid=42">Ryder</a><br>
Ami (<i>Admin</i>) <a href="/member.php?action=profile&uid=1">Wire</a>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Cbox</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="left" class="sidebarcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="220" height="250" src="http://www7.cbox.ws/box/?boxid=605413&boxtag=a5wfp8&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-605413" style="border:#556655 1px solid;" id="cboxmain7-605413"></iframe></div>
<div><iframe frameborder="0" width="220" height="75" src="http://www7.cbox.ws/box/?boxid=605413&boxtag=a5wfp8&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-605413" style="border:#556655 1px solid;border-top:0px" id="cboxform7-605413"></iframe></div>
</div>
<!-- END CBOX -->
<br>
</td></tr></table>
<br>
<table cellpadding="3" cellspacing="0" width="100%" style="border:1px solid #332233;">
<tr><td valign=top align=center class="thead">Final Notes</td></tr>
<tr><td class="tcat"></td></tr>
<tr><td align="justify" class="sidebarcontent">
<div style="margin-left:20px;">
Site © Ami and Risa
<br>Coding © Risa
<br>Plugins © Various People
<br>Characters © players
<br>Images © respective owners
<br>Hosted by the /Amazing/ Joe
<a href="https://twitter.com/LoR_rpg"><img src="http://i49.tinypic.com/14ctjtf.png"></a><a href="https://www.facebook.com/Landofruin"><img src=http://i45.tinypic.com/a2prpe.png></a></div>
</center>
</td></tr></table>
<br>
<!-- FINISH SIDEBAR CONTENT HERE -->
</td><td width=650px valign=top>
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" style="border:1px solid #332233;"></a></div>
<table width="100%" align="center" cellspacing="1" cellpadding="0" class="bordercolor">
<tr>
<br>
<a href="javascript:;" onclick="Effect.toggle('post_x1', 'blind', { duration: 0.4 });
($('post_x1').visible() == true) ? $('post_x2').update('Show Extra Information') : $('post_x2').update('Hide Extra Information');"
id="post_x2">Show Extra Information</a>
<td class="tcat" align="center" colspan="2"><div class="tcat" style="padding:4px;letter-spacing:2px; cursor: pointer;text-align:center;"
<a href="javascript:;" onclick="Element.toggle('clicky');
($('clicky').visible() == false) ? $('clicky2').update('Click to Open') : $('clicky2').update('Click to close');"
id="clicky2">Click to open</a></div>
</td>
</tr>
</table>
<div id="clicky" style="display:none;">
<table width="100%" align="center" cellspacing="1" cellpadding="0" class="bordercolor">
<tr>
<td class="thead" align="center" colspan="2" style="padding: 4px; letter-spacing:2px; cursor: pointer;" onclick="DTT.toggleTable();">
</td>
</tr>
<tr id="pro_collapse" style="display:;">
<td width="70%" align="center" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_tabs">
<td class="tabbgselected" onclick="DTT.toggleTab(this.id);" id="nav_News" style="border-right: none;">News</td>
</tr>
<tr>
<td class="windowbg" id="pro_content" colspan="1">
<div id="pro_News">
<div class="subtitle">Site News</div><div class="tablefill">
<div class="desc" style="Margin-left:15px; Margin-right:0px">
<br><a href="/showthread.php?tid=670"><font size=3><b>Yet another update</b></font> {New!}
<br><a href="/showthread.php?tid=669"><font size=3><b>Wanna be an alpha?</b></font> {New!}
<br><a href=/showthread.php?tid=634>Lovely Things To Come!</a>
<br><A href=/showthread.php?tid=58><font size=1>WELCOME TO RUIN :D</font></a>
</div></div><br>
<div class="subtitle">Incharacter News</div><div class="tablefill">
<div style="border:0px solid #9f9f9f;width:470px;overflow:auto;" class="desc">
<font size=3>F</font>ive hundred years have gone by and, with the urging of Lunea, the seal that had once closed off their land is cast aside. With a powerful call, Solias summons wolves to enter their land once more. As winter turns to spring Loa hosts her Spring Festival, hoping the wolves of the world will join them in a game she so desperately missed. <a href=/showthread.php?tid=33>[More Here]</a>
</div></div>
</div>
</td>
</tr>
</table>
</td>
<td width="30%" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_sidebar">
<td align="center" class="tabbg" style="border-right: none;">
</td>
</tr>
<tr>
<td class="windowbg" valign="top">
<div id="pro_threads">
<div class="subtitle" align="center">Vote for us!</div>
<br><center><!-- data banner code begin -->
<a href="http://top100wolfrpgs.gotop100.com/in.php?ref=231" target="_blank">
<img src="http://top100wolfrpgs.gotop100.com/lists/top100wolfrpgs/custombanners/80722.jpg" border="0" alt="Top 100 Wolf RPGs"> </a>
<!-- data banner code end --><!-- data banner code begin -->
<a href="http://topcanine100.gotop100.com/in.php?ref=391" target="_blank">
<img src="http://topcanine100.gotop100.com/lists/topcanine100/custombanners/14818.png" border="0" alt="Top 100 Canine Sites"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://intusincedniak9elites.gotop100.com/in.php?ref=298" target="_blank">
<img src="http://intusincedniak9elites.gotop100.com/lists/intusincedniak9elites/custombanners/46279.png" border="0" alt="Intus Incednia's K9 Elites"> </a>
<!-- data banner code end --> <!-- data banner code begin -->
<a href="http://alphawolf.gotop100.com/in.php?ref=1656" target="_blank">
<img src="http://alphawolf.gotop100.com/lists/alphawolf/custombanners/19991.png" border="0" alt="Top 50 Wolf RPG"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://tearsbonesanddesire.gotop100.com/in.php?ref=209" target="_blank">
<img src="http://tearsbonesanddesire.gotop100.com/lists/tearsbonesanddesire/custombanners/36558.gif" border="0" alt="TBD Topsites"> </a>
<!-- data banner code end --><a href="http://topsites.rpg-directory.com/index.php?a=in&u=Risa"><img src="http://topsites.rpg-directory.com/button.php?u=Risa&buttontype=static" alt="RPGD Topsites" /></a>
<br><br>
<div class="subtitle">Our Sisters</div>
<p>
<a href=http://valoria.infinite-muse.com target=new><img src=http://i193.photobucket.com/albums/z151/kittykarnage/button2.gif title="Lions of Valoria" border="0"></a> <img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png">
<img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png"> <img src="http://i185.photobucket.com/albums/x163/mary_cheese_cake/open-1.png">
</center>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content" align=center>
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
</div>
<div class="navigate">
<navigation></div>
<br />
If you don't like it you can always change it back.
I think - that your problem might be that you have the clicky thing and the actual content all in one table.
Anyhoo, try this. Nothing to lose right?
this was the code i was using for the accordion, which i had removed in hopes to fix the expand/collapse and replaced with the old div box i had used before.
<div id="tablefillborder">
<div id="accordion">
<div class="panel">
<div class="bar"><div class="accordiantext">News</div></div>
<div class="panelContent p1">
<div class="textthing" style="margin-top:-5px;"><center>Site News</center></div>
<div style="line-height:12px; margin-top:10px; margin-left:10px; margin-right:10px;" align=center><a href="/showthread.php?tid=670"><font class="newslink"><b>Yet another update</b></font> - <a href="/showthread.php?tid=669"><font class="newslink"><b>Wanna be an alpha?</b></font>
<br><a href=/showthread.php?tid=634>Lovely Things To Come!</a> - <a href=/showthread.php?tid=58><font size=1>WELCOME TO RUIN :D</font></a></div>
<div class="textthing" style="margin-top:25px;"><center>In Character News</center></div>
<div style="margin-top:10px; margin-left:10px; margin-right:10px;">
<font size=3>F</font>ive hundred years have gone by and, with the urging of Lunea, the seal that had once closed off their land is cast aside. With a powerful call, Solias summons wolves to enter their land once more. As winter turns to spring Loa hosts her Spring Festival, hoping the wolves of the world will join them in a game she so desperately missed. <a href=/showthread.php?tid=33>[More Here]</a>
</div>
</div>
</div>
<div class="panel">
<div class="bar"><div class="accordiantext">Vote!</div></div>
<div class="textthing" style="margin-top:0px;"><center>Vote for us!</center></div>
<div style="margin-top:10px; margin-left:10px; margin-right:5px;"> <center>Click each banner to vote daily~!</center>
<b>Contest:</b> Currently we have a TopSite contest going on! Anyone that joins will be able to participate, and the contest has no end date. Whenever a top site gets to the first page everyone will receive 4 ooc points, so vote daily!
<br><b>Winners:</b> These topsites are now out of the running, but keep voting on them!
<br>TBD Topsite: 4 points!
<br> RPG-D Topsite: 4 Points
</div>
<br><center><!-- data banner code begin -->
<a href="http://top100wolfrpgs.gotop100.com/in.php?ref=231" target="_blank">
<img src="http://top100wolfrpgs.gotop100.com/lists/top100wolfrpgs/custombanners/80722.jpg" border="0" alt="Top 100 Wolf RPGs"> </a>
<!-- data banner code end --><!-- data banner code begin -->
<a href="http://topcanine100.gotop100.com/in.php?ref=391" target="_blank">
<img src="http://topcanine100.gotop100.com/lists/topcanine100/custombanners/14818.png" border="0" alt="Top 100 Canine Sites"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://intusincedniak9elites.gotop100.com/in.php?ref=298" target="_blank">
<img src="http://intusincedniak9elites.gotop100.com/lists/intusincedniak9elites/custombanners/46279.png" border="0" alt="Intus Incednia's K9 Elites"> </a>
<!-- data banner code end --> <!-- data banner code begin -->
<a href="http://alphawolf.gotop100.com/in.php?ref=1656" target="_blank">
<img src="http://alphawolf.gotop100.com/lists/alphawolf/custombanners/19991.png" border="0" alt="Top 50 Wolf RPG"> </a>
<!-- data banner code end -->
<!-- data banner code begin -->
<a href="http://tearsbonesanddesire.gotop100.com/in.php?ref=209" target="_blank">
<img src="http://tearsbonesanddesire.gotop100.com/lists/tearsbonesanddesire/custombanners/36558.gif" border="0" alt="TBD Topsites"> </a>
<!-- data banner code end --><a href="http://topsites.rpg-directory.com/index.php?a=in&u=Risa"><img src="http://topsites.rpg-directory.com/button.php?u=Risa&buttontype=static" alt="RPGD Topsites" /></a>
</div>
<div class="panel">
<div class="bar"><div class="accordiantext">Navigation | Content</div></div>
<div class="panelContent p3">
</div></div>
<div class="panel">
<div class="bar"><div class="accordiantext">About Ruin</div></div>
<div class="panelContent p4"> <strong>Section 4 Header</strong><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
</div>
</div>
<div class="panel">
<div class="bar"><div class="accordiantext">Staff</div></div>
<div class="panelContent p5"> <strong>Section 5 Header</strong><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
</div>
</div>
</div>
</div>
Oh i'm so sorry! That's my fault really, not specifying. I'm trying to get a horizontal accordion, where the divs slide across the accordion, not up and down.
Thank you for all your help by the way. Thank you for being patient with me.