{"action":"created","issue":{"url":"https://api.github.com/repos/jquery/jquery/issues/2071","labels_url":"https://api.github.com/repos/jquery/jquery/issues/2071/labels{/name}","comments_url":"https://api.github.com/repos/jquery/jquery/issues/2071/comments","events_url":"https://api.github.com/repos/jquery/jquery/issues/2071/events","html_url":"https://github.com/jquery/jquery/issues/2071","id":56909639,"number":2071,"title":"Animated toggle() turns display:inline into display:inline-block","user":{"login":"cburschka","id":1448001,"avatar_url":"https://avatars.githubusercontent.com/u/1448001?v=3","gravatar_id":"","url":"https://api.github.com/users/cburschka","html_url":"https://github.com/cburschka","followers_url":"https://api.github.com/users/cburschka/followers","following_url":"https://api.github.com/users/cburschka/following{/other_user}","gists_url":"https://api.github.com/users/cburschka/gists{/gist_id}","starred_url":"https://api.github.com/users/cburschka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cburschka/subscriptions","organizations_url":"https://api.github.com/users/cburschka/orgs","repos_url":"https://api.github.com/users/cburschka/repos","events_url":"https://api.github.com/users/cburschka/events{/privacy}","received_events_url":"https://api.github.com/users/cburschka/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jquery/jquery/labels/Needs%20info","name":"Needs info","color":"fbca04"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-02-07T12:25:28Z","updated_at":"2015-03-25T15:27:42Z","closed_at":null,"body":"There's an example here: http://jsfiddle.net/cburschka/ve5fbujq/\r\n\r\nThe non-animated `toggle()` appears to work normally. An animation like `toggle('slow')` will put a `display:inline-block` property on the `<span>` element, which in the above example causes the red text to drop to a new line instead of wrapping normally.\r\n\r\nThis happens whether or not the span was explicitly set to display:inline earlier, or was just inheriting the default value.\r\n\r\nThis bug seems similar to #1774 (apparently closed prior to the release of 2.1.3), but isn't quite the same."},"comment":{"url":"https://api.github.com/repos/jquery/jquery/issues/comments/86081949","html_url":"https://github.com/jquery/jquery/issues/2071#issuecomment-86081949","issue_url":"https://api.github.com/repos/jquery/jquery/issues/2071","id":86081949,"user":{"login":"cburschka","id":1448001,"avatar_url":"https://avatars.githubusercontent.com/u/1448001?v=3","gravatar_id":"","url":"https://api.github.com/users/cburschka","html_url":"https://github.com/cburschka","followers_url":"https://api.github.com/users/cburschka/followers","following_url":"https://api.github.com/users/cburschka/following{/other_user}","gists_url":"https://api.github.com/users/cburschka/gists{/gist_id}","starred_url":"https://api.github.com/users/cburschka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cburschka/subscriptions","organizations_url":"https://api.github.com/users/cburschka/orgs","repos_url":"https://api.github.com/users/cburschka/repos","events_url":"https://api.github.com/users/cburschka/events{/privacy}","received_events_url":"https://api.github.com/users/cburschka/received_events","type":"User","site_admin":false},"created_at":"2015-03-25T15:27:42Z","updated_at":"2015-03-25T15:27:42Z","body":"Basically, the problem is that calling toggle() twice doesn't leave it in the state it was before - it's permanently turned into an inline-block element, even after the animation is over.\r\n\r\nIt can be worked around by explicitly resetting the element back to inline after the animation is done, though."}}