thanks for your comment. At this time, no, I have no plans to include such a feature, as it would depend heavily on the theme to work.
Instead I suggest that you try a similar solution, e.g. the one described here: http://tobias.baethge.com/2009/07/expandhide-accordion-feature-explained/

Best wishes,
Tobias

thanks for your comment.

When I tried yesterday, the expand/hide feature worked (except for the showing of the actual text “expand”/”hide”). Today it no longer works, so I assume that you have added some other JavaScript meanwhile?

One first fix would be the positioning of the labels. For that, please add the following to the CSS code:

#content .post .post-entry {
  position: relative;
}

Regards,
Tobias

I am trying to use this tutorial for the accordion expand/hide feature on this page of my site: http://deannasquest.com/resources/

I have added the first two lines of script into both the end of the post as well as in the page.php file.

I created the page.js file using the script listed.

And I added the CSS script to my style.css file.

I am not getting the expand/hide buttons or the expanding function. I am new to JavaScript and fairly new to CSS, PHP, and WordPress, so it is extremely likely that I am doing something very wrong. If you could take a peek at it, to see if you can figure out what I’m doing wrong.

BTW, I am using WordPress 3.0.1 and the latest versions of both Firefox and Safari on OS X.

Thank you so much for your help.

Deanna

du bist der Beste :-)

Sag mal, programmierst du auch gegen Auftrag? Du scheinst es ja richtig gut drauf zu haben.

ja, das geht. Ich konnte das leider nicht mit in den Artikel schreiben, weil es teilweise stark von der Seite/dem Theme abhängt. Bei dir könntest du folgenden CSS-Code (statt des jetzigen) probieren:
/*=== Aufklappen unter Sprachenliste ===*/
h3 {padding-top:10px; cursor:pointer; position:relative;}
h3 span {display:none; position:absolute; left: 375px; font-size: 12px; color: gray;}
h3.slidehidden .expand {display:inline;}
h3.slidehidden .hide {display:none;}
h3.slidevisible .expand {display:none;}
h3.slidevisible .hide {display:inline;}

Und natürlich kannst du Expire und Hide umbenennen. Die ensprechende Stelle findest du in der JavaScript-Datei page.js. Dort dürfen jedoch nicht die Klassennamen umbenannt werden.

Gruß
Tobias

Und noch eine zweite Frage: Kann ich das Expire und Hide einfach in Aufklappen und Verstecken umbenennen oder sind das Variablen, die nicht verändert werden dürfen?

prima, dass es jetzt klappt. Der Rest sind nur noch kleine CSS-Geschichten. Um “Expand” und “Hide” nach innen zu holen, muss einfach beim CSS der Klasse “.entry” noch ein “position:relative;” hinzugefügt werden.

Der blaue Rahmen in meinem Beispiel ist eigentlich nur zur optischen Abtrennung gedacht gewesen :-) Aber wenn du den noch möchtest, musst du einfach den jetzigen HTML-Code noch in ein neues div packen, welches per CSS den Rahmen bekommt.

Gruß
Tobias