|
|
| Line 1: |
Line 1: |
| − | ///////////////////////////////////////////////////////
| + | |
| − | // Codesnippet to make your sidebaritems expandable //
| + | |
| − | // Use this code ONLY for monobook-Style. //
| + | |
| − | ///////////////////////////////////////////////////////
| + | |
| − |
| + | |
| − | $(document).ready(function(){
| + | |
| − |
| + | |
| − | //set the default expanded Items by their headline
| + | |
| − | var defaultExpandItems= ['Navigation', 'Orga'];
| + | |
| − | //set the basic-name for the cookies, which save the current state of expanding
| + | |
| − | var expandCookieName = "disdance_project_wiki_nav_expanded_";
| + | |
| − |
| + | |
| − | var maxHeights=[]
| + | |
| − | var expandeds=[];
| + | |
| − | var labels=[];
| + | |
| − | initNav();
| + | |
| − | });
| + | |
| − |
| + | |
| − | function initNav(){
| + | |
| − | $('#p-logo').css({'position':'relative', 'display':'block'});;
| + | |
| − | $('.generated-sidebar h5,#p-tb h5 ').each(function(i){
| + | |
| − |
| + | |
| − | var id = $(this).parent().attr('id');
| + | |
| − | maxHeights[id]=$(this).next('div').height();
| + | |
| − | var str = $(this).html();
| + | |
| − | labels[id]=str;
| + | |
| − |
| + | |
| − | if ($.cookie(expandCookieName+id)=='false' ){
| + | |
| − | expandeds[id]=false;
| + | |
| − | minimize( $(this));
| + | |
| − |
| + | |
| − | } else if ($.cookie(expandCookieName+id)=='true' ){
| + | |
| − | expandeds[id]=true;
| + | |
| − | maximize( $(this));
| + | |
| − |
| + | |
| − | } else if (defaultExpandItems.indexOf(str)==-1){
| + | |
| − | expandeds[id]=false;
| + | |
| − | minimize( $(this));
| + | |
| − | } else {
| + | |
| − | expandeds[id]=true;
| + | |
| − | maximize( $(this));
| + | |
| − | }
| + | |
| − | $(this).css({'cursor':'pointer'});
| + | |
| − | $(this).click(toggleNav);
| + | |
| − | });
| + | |
| − | }
| + | |
| − |
| + | |
| − | function minimize(target){
| + | |
| − | var id=$(target).parent().attr('id');
| + | |
| − | //You can change the expires-parameter to save the Cookie longer/shorter than 7 days like in this Code
| + | |
| − | $.cookie(expandCookieName+id,'false', { expires: 7});
| + | |
| − | var str = labels[id]+" ►";
| + | |
| − | $(target).next('div').animate({'height':'0px'});
| + | |
| − | $(target).html(str);
| + | |
| − | }
| + | |
| − |
| + | |
| − | function maximize(target){
| + | |
| − | var id=$(target).parent().attr('id');
| + | |
| − | //You can change the expires-parameter to save the Cookie longer/shorter than 7 days like in this Code
| + | |
| − | $.cookie(expandCookieName+id,'true', { expires: 7});
| + | |
| − | var str = labels[id]+" ▼";
| + | |
| − | var newHeight = maxHeights[id];
| + | |
| − | $(target).next('div').animate({'height':newHeight+'px'});
| + | |
| − | $(target).html(str);
| + | |
| − | }
| + | |
| − |
| + | |
| − | function toggleNav(e){
| + | |
| − | var id=$(e.target).parent().attr('id');
| + | |
| − | expandeds[id]=!expandeds[id];
| + | |
| − | if(expandeds[id]==true){
| + | |
| − | maximize(e.target);
| + | |
| − | }
| + | |
| − | else{
| + | |
| − | minimize(e.target);
| + | |
| − | }
| + | |
| − | }
| + | |
| − |
| + | |
| − | ///////////////////////////////////////////////////////
| + | |
| − | ///////////////////////////////////////////////////////
| + | |