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

Danke für deine Hilfe

bei dir sieht es im Quelltext so aus, als ob das h9 noch innerhalb eines p steht. Vermutlich liegt das daran, dass bei dir das h9 durch eine Leerzeile vom div getrennt ist. WordPress macht daraus dann ein p.
Außerdem muss das CSS natürlich übernommen werden.

Könntest du das bitte nochmal prüfen?

Gruß
Tobias