THE MOLITOR FORUMS » Topic: Make the sidebar open on click http://www.themolitor.com/forums/topic/make-the-sidebar-open-on-click THE MOLITOR FORUMS » Topic: Make the sidebar open on click en-US Tue, 28 Apr 2026 12:44:22 +0000 http://bbpress.org/?v=1.1 <![CDATA[Search]]> q http://www.themolitor.com/forums/search.php THE MOLITOR on "Make the sidebar open on click" http://www.themolitor.com/forums/topic/make-the-sidebar-open-on-click#post-935 Fri, 14 May 2010 09:55:25 +0000 THE MOLITOR 935@http://www.themolitor.com/forums/

Coming soon... ;-)

dorheim on "Make the sidebar open on click" http://www.themolitor.com/forums/topic/make-the-sidebar-open-on-click#post-934 Fri, 14 May 2010 09:12:57 +0000 dorheim 934@http://www.themolitor.com/forums/

and if i wanted to do the same for the menu sidebar?

THE MOLITOR on "Make the sidebar open on click" http://www.themolitor.com/forums/topic/make-the-sidebar-open-on-click#post-924 Thu, 13 May 2010 21:54:47 +0000 THE MOLITOR 924@http://www.themolitor.com/forums/

To make the sidebar open on click, locate the following at the bottom of the "scripts.js" file:

//SIDEBAR STUFF
jQuery("#sidebar").css({"opacity":.7}).toggle(1000);

//HOVER
jQuery("#sidebar").hoverIntent(function() {
jQuery("#sidebarHint").stop(true,true).slideToggle();
jQuery("#sidebar ul").stop(true,true).fadeIn();
jQuery(this).css("borderColor","#ccc").stop().animate({right:"-1px",opacity:"1"},200)
jQuery('#sidebarScroll').jScrollPane();
},function(){
jQuery("#sidebar ul").stop(true,true).fadeOut();
jQuery("#sidebarHint").stop(true,true).slideToggle();
jQuery(this).css("borderColor","#000").stop().animate({right:"-310px",opacity:".7"},500)
});

... and replace it with the following ...

//SIDEBAR STUFF
jQuery("#sidebar")
.css({"opacity":.7})
.toggle(1000)
.prepend("<div id='close' style='display:none; position:absolute; width:20px; top:3px; left:6px; color:#fff; font-size:12px;'>X</div>");

//HOVER
jQuery("#sidebarHint").css({"cursor":"pointer"}).click(function() {
jQuery("#sidebarHint,#close").stop(true,true).slideToggle();
jQuery("#sidebar ul").stop(true,true).fadeIn();
jQuery("#sidebar").css("borderColor","#ccc").stop().animate({right:"-1px",opacity:"1"},200)
jQuery('#sidebarScroll').jScrollPane();
});
jQuery("#close").css({"cursor":"pointer"}).click(function() {
jQuery("#sidebar ul").stop(true,true).fadeOut();
jQuery("#sidebarHint,#close").stop(true,true).slideToggle();
jQuery("#sidebar").css("borderColor","#000").stop().animate({right:"-310px",opacity:".7"},500)
});