{"id":878,"date":"2014-10-31T18:14:41","date_gmt":"2014-10-31T18:14:41","guid":{"rendered":"http:\/\/www.masterlevel.de\/blog\/?p=878"},"modified":"2014-10-31T18:19:22","modified_gmt":"2014-10-31T18:19:22","slug":"jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation","status":"publish","type":"post","link":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/","title":{"rendered":"jquery: slideDown oder slideToggle springt \/ h\u00e4sslicher Sprung in der Animation"},"content":{"rendered":"<p>Zwei L\u00f6sungen: Zum einen soll es helfen, dem zu \u00f6ffnenden div-Container eine Breite mitzugeben. Also z.B.<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n\r\n#myDiv{\r\n\r\nwidth: 600px;\r\n\r\n}\r\n\r\n<\/pre>\n<p>Keine % Angaben oder &#8218;auto&#8216; Wert. Hat bei mir nix gebracht.<\/p>\n<p>Der &#8218;dirty&#8216; Fix war und ist:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n\r\n#myDiv{\r\nborder: 1px solid transparent;\r\n}\r\n\r\n<\/pre>\n<p>Eine unsichtbare Umrandung und schon l\u00e4uft die Animation ganz &#8222;smooth&#8220; ab.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zwei L\u00f6sungen: Zum einen soll es helfen, dem zu \u00f6ffnenden div-Container eine Breite mitzugeben. Also z.B. #myDiv{ width: 600px; } Keine % Angaben oder &#8218;auto&#8216; Wert. Hat bei mir nix gebracht. Der &#8218;dirty&#8216; Fix war und ist: #myDiv{ border: 1px solid transparent; } Eine unsichtbare Umrandung und schon l\u00e4uft die Animation ganz &#8222;smooth&#8220; ab.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[170,94],"tags":[],"class_list":["post-878","post","type-post","status-publish","format-standard","hentry","category-jquery","category-snippets"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>jquery: slideDown \/slideToggle springt\/Sprung b. der Animation<\/title>\n<meta name=\"description\" content=\"Ein h\u00e4sslicher Sprung nach unten beim Ausfahren und am Ende springt der Container wieder zur\u00fcck. Das geht echt nicht. Hier ist der Fix...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"J. Adler\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/\"},\"author\":{\"name\":\"J. Adler\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"headline\":\"jquery: slideDown oder slideToggle springt \\\/ h\u00e4sslicher Sprung in der Animation\",\"datePublished\":\"2014-10-31T18:14:41+00:00\",\"dateModified\":\"2014-10-31T18:19:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/\"},\"wordCount\":69,\"commentCount\":0,\"articleSection\":[\"jQuery\",\"Snippets\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/\",\"name\":\"jquery: slideDown \\\/slideToggle springt\\\/Sprung b. der Animation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\"},\"datePublished\":\"2014-10-31T18:14:41+00:00\",\"dateModified\":\"2014-10-31T18:19:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\"},\"description\":\"Ein h\u00e4sslicher Sprung nach unten beim Ausfahren und am Ende springt der Container wieder zur\u00fcck. Das geht echt nicht. Hier ist der Fix...\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/\",\"name\":\"masterlevel\",\"description\":\"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/#\\\/schema\\\/person\\\/e6868eda89eb09db99b63d9d8dd4b63f\",\"name\":\"J. Adler\",\"url\":\"https:\\\/\\\/www.masterlevel.de\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jquery: slideDown \/slideToggle springt\/Sprung b. der Animation","description":"Ein h\u00e4sslicher Sprung nach unten beim Ausfahren und am Ende springt der Container wieder zur\u00fcck. Das geht echt nicht. Hier ist der Fix...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/","twitter_misc":{"Verfasst von":"J. Adler"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/#article","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/"},"author":{"name":"J. Adler","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"headline":"jquery: slideDown oder slideToggle springt \/ h\u00e4sslicher Sprung in der Animation","datePublished":"2014-10-31T18:14:41+00:00","dateModified":"2014-10-31T18:19:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/"},"wordCount":69,"commentCount":0,"articleSection":["jQuery","Snippets"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/","url":"https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/","name":"jquery: slideDown \/slideToggle springt\/Sprung b. der Animation","isPartOf":{"@id":"https:\/\/www.masterlevel.de\/blog\/#website"},"datePublished":"2014-10-31T18:14:41+00:00","dateModified":"2014-10-31T18:19:22+00:00","author":{"@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f"},"description":"Ein h\u00e4sslicher Sprung nach unten beim Ausfahren und am Ende springt der Container wieder zur\u00fcck. Das geht echt nicht. Hier ist der Fix...","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.masterlevel.de\/blog\/jquery-slidedown-oder-slidetoggle-springt-haesslicher-sprung-der-animation\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.masterlevel.de\/blog\/#website","url":"https:\/\/www.masterlevel.de\/blog\/","name":"masterlevel","description":"Manche Sachen vergi\u00dft man, weil man sie nicht oft braucht - deshalb stehen sie hier...","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.masterlevel.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.masterlevel.de\/blog\/#\/schema\/person\/e6868eda89eb09db99b63d9d8dd4b63f","name":"J. Adler","url":"https:\/\/www.masterlevel.de\/blog\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/comments?post=878"}],"version-history":[{"count":3,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/878\/revisions"}],"predecessor-version":[{"id":881,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/posts\/878\/revisions\/881"}],"wp:attachment":[{"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/media?parent=878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/categories?post=878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.masterlevel.de\/blog\/wp-json\/wp\/v2\/tags?post=878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}