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);