jQuery fadeToggle als Inline-Element

[molily]

Wenn ich ein Element mit jQuery einblenden lasse (zB fadeToggle) wird es automatisch als block-element (display:block) gesetzt. Ich bracuhe das Element aber unbedingt als inline-Element. Wie kann ich das verwirklichen? Würde gerne die Effekte beibehalten.

Du kannst direkt mit animate und Complete-Callbacks arbeiten:

.animate({ opacity: 0 }, 'slow', function () {
  $(this).css('display', 'none');
})
bzw.
.animate({ opacity: 1 }, 'slow', function () {
  $(this).css('display', 'inline');
})

Vielleicht geht auch einfach .show() bzw. .hide(). jQuery sollte automatisch den richtigen display-Wert verwenden, indem es von dem gesetzten ausgeht. D.h. wenn der Startwert »inline« ist, dann setzt hide() den Wert auf »none« und show() den Wert zurück auf »inline«.

Mathias