Die Breite eines verborgenen Divs kann nicht berechnet werden

VON VEGA UNTEN GELÖST. HIER IST DER ARBEITSFIDDLE. Ich halte die ganze Post für zukünftige Besucher bereit, um zu sehen, wie das geht Problem wurde behoben.

Ich versuche, eine Schaltfläche zu erstellen, die beim Überfahren einige Informationen zu einer Schublade darunter anzeigt.

Ich wollte es einfach machen, es in eine Seite zu implementieren, also habe ich es in ein jQuery-Widget verwandelt. Ich möchte, dass es sich entsprechend dem Inhalt der Schaltfläche und / oder der Schublade anpasst, aber das tut es gerade nicht. Der Benutzer sollte in der Lage sein, das einzelne HTML-div-Tag mit zu versehen die versteckten Daten, und es wird einfach funktionieren.

Im Idealfall würden sich die Breite der Tasten / Schubladen auf den Maximalwert einstellen, damit die Schublade im geschlossenen Zustand vollständig verdeckt ist. Ich will nur nicht, dass meine Benutzer mit der Festlegung einer festen Breite herumspielen müssen.

Ich brauche Hilfe!

So wird es aussehen:

Relevanter HTML-Code (vollständiger HTML-Code in Fiddle ):

Relevantes CSS (vollständiges CSS in Fiddle ):

Relevante jQuery (vollständige jQuery in Geige ):