jQuery Accordion will nicht animiert sein :(

[AllyG]

Hallo,

ich habe mich jetzt mal an einem jQuery Accordion Kategorie Menü versucht. Jedoch will dieses sich nicht animieren

In meiner Index habe ich folgendes gemacht:

Code: PHP  [Auswählen]

<!-- Linkes Menue -->
        <div id="leftcol">{$box_CATEGORIES}

        <ul id="accordion">
    <li><div><a href="http://www.fishermans-world.de/Angelrollen:::27.html">Angelrollen</a></div>
        <ul>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Baitcastrollen:::27_119.html">Baitcastrollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Fliegenrollen:::27_472.html">Fliegenrollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Freilaufrollen:::27_120.html">Freilaufrollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Karpfenrollen:::27_123.html">Karpfenrollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Matchrollen:::27_122.html">Matchrollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Multirollen:::27_121.html">Multirollen</a></li>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen:::27_118.html">Stationärrollen</a></li>
                <ul>
                    <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen/Abu-Garcia-Stationaerrollen:::27_118_429.html">Abu Garcia</a></li>
                    <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen/Daiwa-Stationaerrollen:::27_118_207.html">Daiwa</a></li>
                    <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen/Mitchell-Advanced-Stationaerrolle:::27_118_432.html">Mitchell Advanced</a></li>
                    <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen/Penn-Stationaerrollen:::27_118_449.html">Penn</a></li>
                    <li><a href="http://www.fishermans-world.de/Angelrollen/Stationaerrollen/Shakespeare-Stationaerrollen:::27_118_431.html">Shakespeare</a></li>
                </ul>
            <li><a href="http://www.fishermans-world.de/Angelrollen/Wallerrollen:::27_124.html">Wallenrollen</a></li>
        </ul>
    </li>
    <li><div><a href="http://www.fishermans-world.de/Angelruten:::1.html">Angelruten</a></div>
        <ul>
            <li><a href="#">Test1</a></li>
            <li><a href="#">Test2</a></li>
            <li><a href="#">Test3</a></li>
        </ul>
    </li>
    <li><div><a href="http://www.fishermans-world.de/Angelschnur:::125.html">Angelschnur</a></div>
        <ul>
            <li><a href="#">Test4</a></li>
            <li><a href="#">Test5</a></li>
            <li><a href="#">Test6</a></li>
        </ul>
    </li>
</ul>

        {$box_MANUFACTURERS}{$box_SHIP}{$box_PAY}<!--{$box_ADD_QUICKIE}--><!--{$box_CONTENT}--><!--{$box_INFORMATION}--></div>

In der general.js.php steht:

Code: PHP  [Auswählen]

<script>
/* <![CDATA[ */
$(“#accordion> li”).click(function(){
if(false == $(this).children().is(‘:visible’)) {
$(‘#accordion> li> ul’).slideUp(300);
}
$(this).children().slideToggle(300);
});
$(‘#accordion> li> ul:eq(0)’).show();
/* ]]> */
</script>
 

Die Einträge aus der "stylesheet.css" spare ich mir an dieser Stelle.

Meine jQuery Dateien sind die aktuellsten (1.8.11) und ich habe zum Test alles genommen.
Die Animation bleibt leider völlig aus.

Habt ihr einen Hinweis warum das nicht funktioniert?

An dieser Stelle gleich ein Link zum stöbern Mein Shop

Ich hoffe da ist was möglich.



Linkback: https://www.modified-shop.org/forum/index.php?topic=12417.0

[Tomcraft]

Ach du meine Güte... da benutzt du zuerst mal die Forensuche nach "xtc_href_link".

Oder du schaust direkt mal hier: Links? Links! Wie richtig im Content Manager anlegen?

Grüße

Torsten

[techway]

Hallo,

ich empfehle dir diese Demo-Seite: http://jqueryui.com/demos/accordion/ wo viele Demos beinhaltet (links die Funktion wählen und rechts hast du dann eine Liste von den vorhandenen Demos).

Aber generell eine gute Idee die Kategorieliste so animiert aufzuklappen...  

Gruß
Steffen

[Floyo]

Moin,

ich nehme an, dass du eine Art Accordion bauen willst und nicht das Accordion von jQuery-Ui benutzen möchtest.
Wenn du vor deinen a Tags die div-Elemente wegnimmst z.B. bei:

Code: PHP  [Auswählen]

<div><a href="http://www.fishermans-world.de/Angelrollen:::27.html">Angelrollen</a></div>
 

müsste dieses kleine Script dir weiterhelfen:

Code: Javascript  [Auswählen]

<script type="text/javascript">
        $(document).ready(function(){

                $("#accordion li ul").hide();
                $("#accordion li.active ul").show();

                $("#accordion li a").click(
                function(e){
                        if($(this).parent().find("ul").length> 0)
                        {
                                e.preventDefault();
                                $(this).parent().find("ul").slideToggle();
                        }
                }
                );

        });

</script>
 

Viele Grüße
Florian

[AllyG]

Vielen Dank Floyo, jetzt klappt es.

Nun kann ich endlich anfangen damit zu arbeiten.