Dodanie rozsuwanego panelu

wersja skryptu MyBB:1.6.8
adres forum: http://cstiger.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Chcę tam dodac rozsuwany panel. Jego rozmiary podobne jak na obrazku.

Hmm... Dam Ci wędkę, rybę złów sobie sam ;p

<div id="button_menu" class="show_hide" rel="#main_menu"> </div>

<div id="main_menu">
Jakiś kod
</div>

(function (jQuery) {
    jQuery.fn.showHide = function (options) {

    //default vars for the plugin
        var defaults = {
            speed: 1000,
            easing: '',
            changeText: 0,
            showText: ' ',
            hideText: ' '

        };
        var options = jQuery.extend(defaults, options);

        jQuery(this).click(function () {
// optionally add the class .toggleDiv to each div you want to automatically close
                      jQuery('.toggleDiv').slideUp(options.speed, options.easing);
             // this var stores which button you've clicked
             var toggleClick = jQuery(this);
             // this reads the rel attribute of the button to determine which div id to toggle
             var toggleDiv = jQuery(this).attr('rel');
             // here we toggle show/hide the correct div at the right speed and using which easing effect
             jQuery(toggleDiv).slideToggle(options.speed, options.easing, function() {
             // this only fires once the animation is completed
             if(options.changeText==1){
             jQuery(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText);
             }
              });

          return false;

        });

    };
})(jQuery);

Jak sie ma nazywac js ? i z kad mam wzisc CSS ?!?!