Indexmodule Ein- und Ausblenden mehrmals möglich?

Also, ich hab das jetzt mal getestet, aber bei mir klappt das nicht :/

Ich hab das Script so übernommen, und an die letzte Steller meiner rechten Kolonne reingesetzt, aber es passiert gar nichts :/

Hallo Count of Nin,

dass bei dir nichts passiert liegt daran, dass die Anleitung für Foren geschrieben wurde, die die Version BB2 verwenden. Du verwendest aber BB3! Für dich müsste also ein anderes Script verwendet werden, das ich aber noch nicht fertig entwickelt habe.

Gruß, TOBBE

Aso, ja dann hab ich dich falsch verstanden, mein Fehler ^^

Mit Hilfe von Count of Nin habe ich auch den Code für BB3 fertig entwickelt (Danke für das Testen und die Fehlermeldung). Es können allerdings nur Module ausgeblendet werden, die die Klasse "module" haben. Also nur die Module, bei denen das Standardlayout genutzt wurde.

Die Vorgehensweise ist bei BB3 viel einfacher als bei BB2. Einfach den Code unten kopieren und in ein neues Modul einsetzen. Dieses Modul dann als letztes Modul in der rechten Spalte (bzw. der linken, wenn ihr die rechte nicht nutzt) einfügen. Fertig. Als Tipp: bei der erstellung des Moduls solltet ihr bei Nein ankreuzen.

Wie erstelle ich ein Modul: Lexi Help

Der Code:

Code:

<script type="text/javascript">
const pic = {
   height:            '13px',
   width:            '13px',
   borderRadius:      '4px',
   webkitBorderRadius: '3px',
   mozBorderRadius:   '4px',
   cursor:            'pointer',
   backgroundColor:   '#F5EBF7',
    backgroundImageUrl:   'http://i45.servimg.com/u/f45/15/05/45/90/r1010.png',
    backgroundPosition:   '0 -13px'
};

const settings = {
   speed: 1000
};

function main() {
   checkNews();
   insertOpenClose();
}

function gEBI(id) {
   return document.getElementById(id);
}

function gEBCN(className) {
   return document.getElementsByClassName(className);
}

function insertOpenClose() {
   var allModule = gEBCN('module');
   var j = 0;

   for(var i = 0; i < allModule.length; i++) {
      var module = allModule[i];
      
      if(!(module.parentNode.id == 'main-content' || module.className == 'module mod_news')) {
         module.id = 'module' + j;
         var div = document.createElement('div');
         div.innerHTML = '<div id="forum-widget' + j + '" style="height: ' + pic.height + '; width: ' + pic.width + '; border-radius: ' + pic.borderRadius + '; -webkit-border-radius: ' + pic.webkitBorderRadius + '; -moz-border-radius: ' + pic.mozBorderRadius + '; cursor: ' + pic.cursor + '; background: ' + pic.backgroundColor + ' url(' + pic.backgroundImageUrl + ') no-repeat ' + pic.backgroundPosition + ';" onClick="toggleShowHide(' + j + ')" ></div>';
         
         module.parentNode.insertBefore(div, module);
         checkHide(j);
         j++;
      }
   }
}

function toggleShowHide(nr) {
   jQuery('#module' + nr).animate({width:'toggle',height:'toggle',opacity:'toggle'},settings.speed);

   if(my_getcookie('forum-widget' + nr)=='0') {
      my_setcookie('forum-widget' + nr,'1',0,0);
      jQuery('#forum-widget' + nr).css('background-position',pic.backgroundPosition);
   } else {
      my_setcookie('forum-widget' + nr,'0',1,0);
      jQuery('#forum-widget' + nr).css('background-position','0 0px');
   }
}

function checkHide(nr) {
   var fw = 'forum-widget' + nr;

   if(my_getcookie(fw)=='0') {
      jQuery('#module' + nr).animate({width:'toggle',height:'toggle',opacity:'toggle'},0);
      jQuery('#forum-widget' + nr).css('background-position','0 0px');
   }
}

function checkNews() {
   var modNewsModule = gEBCN('module mod_news');
   if(modNewsModule[1]) {
      var module = modNewsModule[0];
      
      var container = document.createElement('div');
      module.parentNode.insertBefore(container, module.previousSibling);
      
      var news = container.nextSibling;
      while(news.nextSibling) {
         if(news.nextSibling.className == 'module') {
            break;
         }
         container.appendChild(news);
         news = container.nextSibling;
      }
      
      container.className = 'module';
      container.innerHTML = '<div class="inner"><span class="corners-top"><span></span></span><div style="height: 4px;"></div><div class="module mod_news"><div class="inner"><span class="corners-top"><span></span></span><div class="h3"><center>News</center></div><span class="corners-bottom"><span></span></span></div></div>' + container.innerHTML + '<div style="height: 4px;"></div><span class="corners-bottom"><span></span></span></div>';
   }
}

main();
</script>