http://viralpatel.net/blogs/understanding-jquery-animate-function/

Hi,

function einblenden(div) {

with(document.getElementById(div).style){
if(display=="none")
{
display="inline-block";
}
}
}

>   
> Diese Aktion möchte ich nun fließend gestalten und möglichst die Dauer definieren können.  
  
Und wie stellst Du Dir den fließenden Übergang zwischen display:none und display:inline-block vor?  
Was soll z.B. nach einem Drittel der Zeit passiert sein? Soll dann display:inli gelten? Und nach drei Vierteln dann display:inline-bl?  
  
Die Werte von display sind nicht für fließende Übergänge geeignet - entweder gilt der alte, oder der neue, Zwischenstufen gibt es nicht.  
  

> Gibt es da eine simple Lösung?  
  
Für welches Problem? Was soll denn fließend übergehen?  
  
cu,  
Andreas

-- 
[Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/)  
[O o ostern ...](http://ostereier.andreas-waechter.de/)  
  
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.  

Ich habe hier ein script zum ein- und ausblenden von Elementen:

function einblenden(div) {

with(document.getElementById(div).style){
if(display=="none")
{
display="inline-block";
}
}
}

  
Das finde ich etwas sehr murksig.  
Ein und ausblenden sollte besser durch das schreiben von Klassen geschehen.  
Ich habe dazu extra toggleClass bzw removeClass und addClass in meiner Standard Lib.  
  
Das zweite Problem ist, dass diese Funktion vorgibt zu wissen, was der richtige display-typ für ein sichtbares Element ist. Falls du dein CSS aber ändern musst, musst du zwangsläufig auch diese Funktion ändern.  
  
Auch ist der Funktionsname schlicht falsch. Er sollte heissen:  
  
toggleDisplayTypeNoneToInlineBlockById().  
  

> Diese Aktion möchte ich nun fließend gestalten und möglichst die Dauer definieren können. In einem Script zum fließenden scrollen funktioniert dies mit:  
> ~~~javascript

 var duration=500;  

> 

Gibt es da eine simple Lösung?

Ja, auch diese wäre mit CSS transition zu schreiben.
Du siehst also dass auch dies ein Argument ist, eine Klasse umzuschreiben statt individuelle-styles zu setzen

Ich bin mit JS leider noch nicht so erfahren und finde im Netz nichts passendes.

Ich würde dir eine Bibliothek empfehlen wie JQuery, die dir das setzen und löschen von Klassen einfach machen.

Dein Problem aber bleibt (wie durch Mudguard geschrieben), wie du zwischen Klassen oder diskreten Zuständen fadest. Das kann man nicht. Man kann aber mittels transition die Dimension eines Elements beeinflussen, bevor man es ganz ausblendet.

mfg Beat