Text in page klappt auf (expand) - wie geht das?

Hi
such einfach mal nach "Accordion jquery (oder eben mootools)" :)

Hast Du mal einen Link zu der Seite, auf der Du das einsetzt?

Sieht aus, als hättest Du das hier vergessen in Deiner Seite:

window.addEvent('domready', function(){
  new Fx.Accordion($('accordion'), '#accordion h2', '#accordion .content');
});

Ist auf jeden Fall im Quellcode der mootools-Seite und in Deiner nicht.

Würde ich einfach mal ausprobieren - zB einfach mal in den Inhalt der Seite (HTML-Ansicht). Bei mootools steht es auch im Inhalts-Bereich - macht ja auch Sinn, wenn man das selbst einsetzen muss, da das Plugin ja nicht wissen kann, wie Deine DIVs heissen und wie viele Du hast...

Hast Du es auch als Javscript eingegeben und nicht einfach meinen Text von oben?

Also so:

[COLOR=#0000ff]<[/COLOR][COLOR=#800000]script [/COLOR][COLOR=#ff0000]type[/COLOR][COLOR=#0000ff]="text/javascript">[/COLOR]
 
 
 
 
 
 
window.addEvent([COLOR=#800000]'domready'[/COLOR], [COLOR=#0000ff]function[/COLOR]() {[COLOR=#0000ff]new[/COLOR] Fx.Accordion ([COLOR=#800000]'accordion'[/COLOR]), [COLOR=#800000]'#accordion h2'[/COLOR], [COLOR=#800000]'#accordion .content'[/COLOR]);
 
 
 
});
 
 
 
                [COLOR=#0000ff]</[/COLOR][COLOR=#800000]script[/COLOR][COLOR=#0000ff]>[/COLOR]

schau dir das mal an = simple-toggle-view-content

Dieser Code

<ul id="toggle-view">....bis </ul>

kommt in den Artikel

der css-Code
also beginnend mit

#toggle-view {

kommt in die style.css deines Themes

das kleine Skript kommt so

<script type="text/javascript">
$(document).ready(function () {
    
    $('#toggle-view li').click(function () {


        var text = $(this).children('p');


        if (text.is(':hidden')) {
            text.slideDown('200');
            $(this).children('span').html('-');        
        } else {
            text.slideUp('200');
            $(this).children('span').html('+');        
        }
        
    });


});
</script>

in die header.php

den toggle-Ordner aus dem Download, fügst du in den Ordner deines Themes..(die index.html darin kannst du löschen..ist nur als Beispiel gedacht)
jetzt musst du nur noch den Link auf die jquery.js in diesem Ordner setzen

also auch in die header.php

sieht dann so etwa aus

<script type="text/javascript" src="http://dharma-training.de/wp-content/themes/spacecolor/toggle/js/jquery.js"></script>

Du scheinst aber Probleme mit dem Einfügen der Scripte zu haben!

die gehören in die header.php, vor dem schließenden </head>

ach ja hier noch ein paar weitere Links

jquery-die-20-besten-content-plugins-scroll-accordion-slide

oder dies = Simple Toggle with CSS & jQuery

Hallo, ich klinke mich hier mal ein. Ich suche ebenfalls eine Accordion-Lösung, aber so, dass auch mein Kunde sie bedienen kann - es soll also möglichst einfach sein.

Hier ist die Beispielseite:

http://buero-im-griff.com/wordpress/wp-a…=edit&message=1

Es gibt eine Hauptüberschrift (hier: "Beratung"), das ist der Seitentitel, und dann gibt es Nebenüberschriften. Die sollen der Titel des Togglers werden, was drunter steht, soll sichtbar werden, wenn man das Accordion aufklappt. Wichtig ist: Es steht alles auf einer SEITE. Accordion mit Posts (Artikeln) habe ich schon gemacht - funktioniert sehr gut.

Es gibt neinige Accordion-Plugins bei wordpress.org, aber das sind alles Lösungen für Sidebar-Widgets.

Die Linkliste (20 beste Plugins) oben ist zwar nett, aber man muss immer wieder Code einfügen. Das wäre nicht so schlimm, wenn Wordpress mir nicht immer wieder den Code weghauen würde.

Wenn ich also zum Besipiel diese Lösung nehme und per Hand den Code eingebe, erscheint nur der reine Text. Hat jemand noch eine Idee, wie man das möglichst simpel löst?

Zitat von Frau_Braun

Wenn ich also zum Besipiel diese Lösung nehme und per Hand den Code eingebe, erscheint nur der reine Text. Hat jemand noch eine Idee, wie man das möglichst simpel löst?

Der Code ist schon vorhanden, aber du hast die Scripte, sowie die css falsch verlinkt.

Du hast ja alles in deinen Theme-Ordner eingefügt, folglich muss der Pfad auch dort hin führen.
Im Moment führt er in den wordpress-Ordner und nicht in den Theme-Ordner

Als Vorlage kannst du ja, den Pfad zur style.css deines Themes verwenden.

Kennt sich jemand mit jQuery aus?Ich habe dieses Plugin (http://www.jeffikus.com/downloads/word…cordion-plugin/) installiert, funktioniert wunderbar, muss nur etwas entspeckt werden, wenn man nur die Akkordion-Funktion verwenden will.

Ich habe eine Seite eingerichtet, in der alle Posts einer Kategorie als Akkordeon untereinander dargestellt werden, das geht mit Hilfe eines Shortcodes. Angeblich soll die Default-Einstellung im Script so sein, dass der erste Post geöffnet ist. Soweit ich es verstehe, ist dafür die Funktion "active" zuständige. So sieht das im Script aus:

$.extend($.ui.accordion, {
    version: "1.7.2",
    defaults: {
        active: null,
        alwaysOpen: true, //deprecated, use collapsible
        animated: 'slide',
        autoHeight: true,
        clearStyle: false,
        collapsible: false,
        event: "click",
        fillSpace: false,
        header: "> li > :first-child,> :not(li):even",
        icons: {
            header: "ui-icon-triangle-1-e",
            headerSelected: "ui-icon-triangle-1-s"
        },
        navigation: false,
        navigationFilter: function() {
            return this.href.toLowerCase() == location.href.toLowerCase();
        }
    },

Unter "active" steht da jetzt "null" (so war es ursprünglich eingestellt), aber was auch immer ich da versuche: der erste Post ist nie geöffnet, wenn ich die Seite noch mal neu lade. Was mache ich falsch?

(Ich kann leider keinen Link posten - die Sache lauft auf meinem Xampp-Server.)