Bit more help with expandable sidebar(Jquery)

Okay, so ive got the collapsing thing done, and it does expand. My problem is, i cant use the same umm tag i guess you'd call it? You'll get it when you look @ the code(hopefully)

<!--SideBar Jquery Start-->

<script type="text/javascript">
jQuery(document).ready(function(){
$(".hide").click(function(){
  $("#sidebar").animate({width:"hide", opacity:0}, 500 );
  $(".hide img").attr({src : "images/minimilism/statusicon/arrow_right.png"});
  $(".hide").toggleClass("hide").toggleClass("show");
});
$(".show").click(function(){
  $("#sidebar").animate({width:"150", opacity:100}, 500 );
  $(".show img").attr({src : "images/minimilism/statusicon/arrow_left.png"});
  $(".show").toggleClass("show").toggleClass("hide");
});
});
</script>

<!--Sidebar Jquery End -->

<!--Sidebar Start-->
<table width="$stylevar[outertablewidth]" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr>

    <td width="150" valign="top" class="page" id="sidebar" style="padding: $stylevar[cellpadding]px;">
        <a class="hide" href=#>YOUR CONTENT HERE</a>
                <a class="show" href=#>YOUR CONTENT HERE</a>
    </td>


<!--SideBar End -->

<!-- content table -->
    <td valign="top">

$spacer_open
     <a class="hide" href=#><img src="images/minimilism/statusicon/arrow_left.png" border="0" /></a>

You can view a demo of what ive done so far here

Oh and im diong this on vbulletin btw.

Sorry if i didnt explain it well, im not great at it :(

Thanks

ansaurus

tags:

views:

answers:

Bit more help with expandable sidebar(Jquery)

related questions