{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/9140","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9140/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9140/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/9140/events","html_url":"https://github.com/zurb/foundation-sites/issues/9140","id":173936241,"number":9140,"title":"toggle does not work with animations if using it to add a class.","user":{"login":"calderJamNet","id":8429695,"avatar_url":"https://avatars.githubusercontent.com/u/8429695?v=3","gravatar_id":"","url":"https://api.github.com/users/calderJamNet","html_url":"https://github.com/calderJamNet","followers_url":"https://api.github.com/users/calderJamNet/followers","following_url":"https://api.github.com/users/calderJamNet/following{/other_user}","gists_url":"https://api.github.com/users/calderJamNet/gists{/gist_id}","starred_url":"https://api.github.com/users/calderJamNet/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/calderJamNet/subscriptions","organizations_url":"https://api.github.com/users/calderJamNet/orgs","repos_url":"https://api.github.com/users/calderJamNet/repos","events_url":"https://api.github.com/users/calderJamNet/events{/privacy}","received_events_url":"https://api.github.com/users/calderJamNet/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-08-30T05:58:38Z","updated_at":"2016-08-30T05:58:38Z","closed_at":null,"body":"I'm trying to use toggle to display an initially hidden object, however this gets screwed up if any animations and no classes are added\r\n\r\nI'm using this scss \r\n\r\n```\r\n        form {\r\n          display: none;\r\n          &.visible {\r\n            display: inline-block;\r\n          }\r\n        }\r\n```\r\nthis code works\r\n```\r\n              <button id=\"add-tag-sub-1\" data-toggle=\"add-tag-sub-form-1\"><i class=\"fi-plus\"></i></button>\r\n              <form class=\"add-tag-sub-form\" id=\"add-tag-sub-form-1\" data-toggler=\".visible\">\r\n                <input type=\"text\" placeholder=\"tag\">\r\n              </form>\r\n```\r\n\r\nbut this does not\r\n\r\n```\r\n              <button id=\"add-tag-sub-1\" data-toggle=\"add-tag-sub-form-1\"><i class=\"fi-plus\"></i></button>\r\n              <form class=\"add-tag-sub-form\" id=\"add-tag-sub-form-1\" data-toggler=\".visible\" data-animate=\"hinge-in-from-left hinge-out-from-left\">\r\n                <input type=\"text\" placeholder=\"tag\">\r\n              </form>\r\n```\r\n\r\n"}}
{"actor":{"display_login":"calderJamNet"}}