aufklappbare Widgets

Hallo,

gibt es ein PlugIn, um meine Widgets aufklappbar zu machen? Also kein neues Theme (nutze atahualpa) oder alternative Widgets, sondern eine Funktion, damit bestimmte(!) Widgets im Normalfall eingeklappt sind (auf die Titelleiste des Widgets beschränkt) und der Nutzer es durch einen Klick aufklappen kann.
Es gibt einfach Sachen wie die Schlagwortwolke oder das Archiv, die ich nicht von der Seite verbannen will, wegens der Übersicht aber nicht ständig angezeigt haben möchte. Natürlich müsste der Zustand gespeichert bleiben. Nutzer klappt die Schlagwortwolke auf, klickt auf eines und bekommt die entsprechdenen Artikel angezeigt. Dann kann er direkt auf ein weiteres klicken, ohne das Widget wieder aufklappen zu müssen.
Möglich? Konnte nichts finden.

Beste Grüße,
Drongo

Mmh, hat leider nicht funktioniert. Es geht um ein div mit der ID "[COLOR=#008000]widgets-reloaded-tags-6[/COLOR]" und der class "[COLOR=#b22222]widget tags[/COLOR]".
Davor habe ich als Widget den Text

<a href="#" class="show">Schlagwörter anzeigen</a>

eingefügt. Der Code bleibt auch so erhalten.
Als Java Script kommt folgendes dazu (bleibt auch erhalten):

<script type="text/javascript">  $(function() {
    $('.show').click(function() {
      $('.[COLOR=#b22222]widget tags[/COLOR]').slideToggle();
      $(this).text($(this).text() == 'Text bzw. div aufklappen' ? 'Information wieder einklappen' : 'Text bzw. div aufklappen');
    });
  });
</script>

und als CSS

#[COLOR=#008000]widgets-reloaded-tags-6[/COLOR]{display: none;}

Die Zeile $('.widget tags').slideToggle(); müsste doch den CSS-display-Status umstellen, oder? Klasse und ID sind korrekt. display:none wird z.B. korrekt angewandt.

Aber wie auch immer. Selbst wenn es funktioniert, würde das sicher nicht den nächsten Klick (auf ein Schlagwort) überleben und der Benutzer müsste jedes Mal das div neu aufklappen. Semi-Optimal...

Danke und schöne Grüße,
Drongo

Naja, momentan funktioniert ja noch nicht mal das auf- und zuklappen. Das mit den Cookies ist aber ein guter Hinweis, falls ich das Zuklappen zum Laufen bekommen sollte. http://www.gocart-online.com ist die Seite. Da ist aber nix von meinen Tests zu sehen, hab ich wieder rausgenommen, da es nicht ging.

Achso, besten Dank. Aber soll ich das einfach in den Header packen? Was macht der Code dann? Habe ich jetzt mal gemacht, das hat nichts gebracht.
jQuery 1.8.3 scheint geladen zu sein, laut Quelltext.

okay, stimmt. habe die Datei hochgeladen und im Header eingesetzt:

<script type='text/javascript' src='http://www.gocart-online.com/wp-includes/js/jquery/jquery.cookie.js'></script>


<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($){
var cook= $.cookie('showdiv');
if(cook=='true')
    $('.post_tag-cloud').show();
else
    $('.post_tag-cloud').hide();
$('.widget-title').on('click', function()
{
        $('.post_tag-cloud').stop().slideToggle('normal', function(){
            $.cookie('showdiv', $(this).is(':visible'));
        });
});
});
</script>

okay, beide js liegen auf dem Server und sind eingebunden:

<script type="text/javascript" src="http://www.gocart-online.com/wp-includes/js/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="http://www.gocart-online.com/wp-includes/js/jquery/jquery-1.8.3.js"></script>


<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($){
var cook= $.cookie('showdiv');
if(cook=='true')
    $('.post_tag-cloud').show();
else
    $('.post_tag-cloud').hide();
$('#widgets-reloaded-tags-6').on('click', function()
{
        $('.post_tag-cloud').stop().slideToggle('normal', function(){
            $.cookie('showdiv', $(this).is(':visible'));
        });
});
});
</script>

So, jetzt ist sie da. Hab die ausversehen in ein anderes Wordpress geladen :oops:.
Und ich habe die Zeilen in den Header des Themes eingeschrieben. Das sollte es doch sein, oder? Das Theme hat da extra ein Feld für. Der Code wird ja auch im Quelltext angezeigt.

Okay, hab deine Zeilen eingetragen.
Ich dachte das wäre jetzt im Theme. Du meinst vermutlich die Dateien des Themes selber. Aber in welche? In der index.php? Da stehen nur php-Befehle. Kann ich das einfach dazwischen/davor/darunter schreiben?

Gut, das mit dem include/content hatte ich falsch. Jetzt liegen die Dateien im themes-Ordner. Aber dein Code hatte ich korrekt eingesetzt, tauchen auch in Zeile 42/43 der Startseite auf. Zusätzlich habe ich die beiden Zeilen in die header.php eingetragen. Sind dann oben im Code zu finden. Beides genau wie du geschrieben hast.

Ja genau. Ich hatte deinen Code jetzt in der header.php selbst eingefügt sowie über die Option im Theme, was das gleiche Resultat brachte. Dann war daneben noch der Code der zu meinen .js-Dateien verlinkte. So, nun hab ich den Code in der header.php und testweise nur deinen Code über die Theme-Option drin gehabt und testweise (so ist es aktuell) mein Verlinkung in der Theme-Option stehen. Leider sieht es immernoch nicht so aus wie in deiner Animation. Wie hast du die gemacht? Mit einem Webmaster-Tool was im Code verändert und dann aufgenommen?
Mmmh......