Hallo zusammen,
leider bin ich blutiger JQuerry / Javascript Anfänger und habe versucht mich über versch. Tutorials z.B. http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ mit JQuery vertraut zu machen, leider bisher mit wenig Erfolg :/
Ich würde gerne eine Art verschachteltes Accordion bauen. Im Grunde soll es über eine Tiefe von zwei Ebenen verfügen, also 5 Kategorien, die jeweils 5 und mehr Artikel enthalten. Später soll das ganze so aussehen:
--Kategorie-------------
Thema Thema
Thema Thema
----------------------------
--Kategorie-------------
----------------------------
--Kategorie-------------
----------------------------
Wenn man auf Thema clickt soll sich der Inhalt ebenfalls aufschieben. Wenn man dann auf eine andere Kategorie klickt soll die geöffnete Kategorie geschlossen und die angeklickte geöffnet werden.
Meine bisherigen Versuche seht ihr hier: http://www.pixelasm.com/a/test/
Leider habe ich gleich meherer Probleme:
1. Wenn man Kategorie 1 öffnet ist ewig viel Platz zur nächsten Kategorie, wie kann man die Höhe der Kategorien an die geöffneten Projekte anpassen?
2. Die Projekt DIVs laufen ineinander, wie kann man die voneinander trennen?
3. Für die Projekt Kontainer habe ich drei Grafiken angelegt um daraus Boxen mit abgerundeten Ecken zu machen und dachte mir wenn ich die der Headline dem Paragraphen sowie einem weitern DIV zum Abschluss per CSS zuweise das das ganze funktionieren würden. Habt ihr eine Idee wie ich das am besten umsetze?
4. Später würde ich die Inhalte der Projekte gerne erst später nachladen und zwar dann wenn die Kategorie geöffnet wird. Nunja im Moment ist das noch Zukunftsmusik :/ aber ich dachte mal ich frag das auch direkt
Grüße und Dank schon mal
Ralf
leider bin ich blutiger JQuerry / Javascript Anfänger und habe versucht mich über versch. Tutorials z.B. http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ mit JQuery vertraut zu machen, leider bisher mit wenig Erfolg :/
Ich würde gerne eine Art verschachteltes Accordion bauen. Im Grunde soll es über eine Tiefe von zwei Ebenen verfügen, also 5 Kategorien, die jeweils 5 und mehr Artikel enthalten. Später soll das ganze so aussehen:
--Kategorie-------------
Thema Thema
Thema Thema
----------------------------
--Kategorie-------------
----------------------------
--Kategorie-------------
----------------------------
Wenn man auf Thema clickt soll sich der Inhalt ebenfalls aufschieben. Wenn man dann auf eine andere Kategorie klickt soll die geöffnete Kategorie geschlossen und die angeklickte geöffnet werden.
Meine bisherigen Versuche seht ihr hier: http://www.pixelasm.com/a/test/
Leider habe ich gleich meherer Probleme:
1. Wenn man Kategorie 1 öffnet ist ewig viel Platz zur nächsten Kategorie, wie kann man die Höhe der Kategorien an die geöffneten Projekte anpassen?
2. Die Projekt DIVs laufen ineinander, wie kann man die voneinander trennen?
3. Für die Projekt Kontainer habe ich drei Grafiken angelegt um daraus Boxen mit abgerundeten Ecken zu machen und dachte mir wenn ich die der Headline dem Paragraphen sowie einem weitern DIV zum Abschluss per CSS zuweise das das ganze funktionieren würden. Habt ihr eine Idee wie ich das am besten umsetze?
4. Später würde ich die Inhalte der Projekte gerne erst später nachladen und zwar dann wenn die Kategorie geöffnet wird. Nunja im Moment ist das noch Zukunftsmusik :/ aber ich dachte mal ich frag das auch direkt
Grüße und Dank schon mal
Ralf