---
title: "AJAX: Letar lösning för sliding/fading containers"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/184229-ajax-letar-lösning-för-sliding-fading-containers"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Danne V"
published: "2010-08-02T11:30:52.000Z"
updated: "2010-08-02T14:34:33.000Z"
replies: 4
views: 589
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/184229-ajax-letar-lösning-för-sliding-fading-containers"
---

# AJAX: Letar lösning för sliding/fading containers

## #1 — Danne V, 2010-08-02T11:30Z

Har en sida med 5 divvar stackade på varandra i höjdled (alltså inte z-index). Längst upp finns en horisontell menu med en knapp för varje div.

Försöker hitta nån sorts effektfull lösning som gör att divvarna fejdar och samtidigt glider utndan och/eller byter plats med varandra beroende på vilken menuknapp man klickar på.

Har testat med olika varianter av Dreamweavers "Spry Effetcts" men dom räcker inte till.

Känner nån till lämpligt skript eller har förslag?

Permalänk: https://www.webforum.nu/p/184229

## #2 — voigtann1, 2010-08-02T11:34Z

Är det något likt: <http://plugins.jquery.com/project/Growl> du är ute efter?

Permalänk: https://www.webforum.nu/p/2247000

## #3 — Danne V, 2010-08-02T12:32Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1511899)**
>
> Är det något likt: <http://plugins.jquery.com/project/Growl> du är ute efter?

Tack!

Men njae... mer som effekten "dropout" (klicka menyn t.v.) här:
<http://labs.adobe.com/technologies/spry/demos/effects/index.html>

Men har ställt frågan på Adobes forum åxå eftersom jag inte fått den där att funka. Nu börjar dom vakna i Amörrka och har lämnat några svar. Så det kanske löser sig...

Permalänk: https://www.webforum.nu/p/2247006

## #4 — voigtann1, 2010-08-02T12:48Z

Verkar ju inte vara så svårt med deras koder, hur ser din HTML kod ut?

```
<div  class="container" id="product_box">
    <!-- NOTE: nested divs required for slide effect-->
    <div class="content_panel" id="content_box"></div>
  </div>
```

om jag förstå deras dokumentation är ju fler divar du har innanför product_box som deras exempel referera till ju fler sidor kommer skriptet rotera mellan.

Permalänk: https://www.webforum.nu/p/2247009

## #5 — Danne V, 2010-08-02T14:34Z

> **[voigtann1 skrev:](https://www.webforum.nu/p/1511908)**
>
> Verkar ju inte vara så svårt med deras koder, hur ser din HTML kod ut?
>
>
> ```
> <div  class="container" id="product_box">
>     <!-- NOTE: nested divs required for slide effect-->
>     <div class="content_panel" id="content_box"></div>
>   </div>
> ```
>
> om jag förstå deras dokumentation är ju fler divar du har innanför product_box som deras exempel referera till ju fler sidor kommer skriptet rotera mellan.

Har fått lite kött på bene från Adobe åxå, men inte att effekten skulle växla mellan nästade divvar som du säger, så det var ett jäkligt bra tips.

Återkommer i ämnet snart.... upptagen med annat just nu...

Permalänk: https://www.webforum.nu/p/2247013

---

Tråden på webben: https://www.webforum.nu/amne/javascript/184229-ajax-letar-lösning-för-sliding-fading-containers