|
|||
DIV sliden lassen etwas anders (prototype + scriptaculous)
Hallo zusammen,
ich habe ein kleines Problem bei dem ich momentan einfach nicht weiterkomme: hier der Code-Schnipsel: Code:
<div class="w460 hidden" id="googleMap" style="height:110px;"> <div> <img src="../images/dummy/googlemap_460x460.gif" alt="dummy" title="dummy" width="460" height="460" class="block" /> </div> </div> <div class="bd-t1-white pd-t3 pd-b3 pd-l9"> <div class="arrow_small w110"> <div class="left_rect"> <a id="googleButton" class="d_light pd-l21" href="#" onclick="toggleMAP('googleMap','googleButton');" title="Karte ausklappen">Ausklappen</a> </div> </div> </div> Ich habe später eine GoogleMap Applikation die in einem DIV in einer gekürzten Fassung angezeigt wird. Beim Klick auf den googleButton, soll das DIV seine komplette Größe annehmen. Zusätzlich soll sich der Button optisch ändern und der title/Text des Buttons ändern. Die Funktionalität steht soweit, allerdings fehlt mir der schöne Slide Effekt. Code:
<script type="text/javascript"> function toggleMAP(Container,Button){ var Element = $(Container); var Button = $(Button); if(Element.style.height == "110px") { Element.style.height = 460+"px"; Button.title = "Zuklappen"; Button.innerHTML = "Zuklappen"; }else{ Element.style.height = 110+"px"; Button.innerHTML = "Ausklappen"; Button.title = "Ausklappen"; } toggleClass(Button,'d_light','u_light'); } </script> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |