{"action":"created","issue":{"url":"https://api.github.com/repos/woothemes/woocommerce/issues/8000","labels_url":"https://api.github.com/repos/woothemes/woocommerce/issues/8000/labels{/name}","comments_url":"https://api.github.com/repos/woothemes/woocommerce/issues/8000/comments","events_url":"https://api.github.com/repos/woothemes/woocommerce/issues/8000/events","html_url":"https://github.com/woothemes/woocommerce/issues/8000","id":69998630,"number":8000,"title":"single-product.js conflicts with bootstrap","user":{"login":"whatthefork","id":4544965,"avatar_url":"https://avatars.githubusercontent.com/u/4544965?v=3","gravatar_id":"","url":"https://api.github.com/users/whatthefork","html_url":"https://github.com/whatthefork","followers_url":"https://api.github.com/users/whatthefork/followers","following_url":"https://api.github.com/users/whatthefork/following{/other_user}","gists_url":"https://api.github.com/users/whatthefork/gists{/gist_id}","starred_url":"https://api.github.com/users/whatthefork/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/whatthefork/subscriptions","organizations_url":"https://api.github.com/users/whatthefork/orgs","repos_url":"https://api.github.com/users/whatthefork/repos","events_url":"https://api.github.com/users/whatthefork/events{/privacy}","received_events_url":"https://api.github.com/users/whatthefork/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-04-22T02:00:23Z","updated_at":"2015-04-23T19:20:28Z","closed_at":"2015-04-23T11:24:22Z","body":"In the single-product.js file there is code like this to hide product tab panels:\r\n\r\n```\r\n\t$( '.woocommerce-tabs .panel' ).hide();\r\n\r\n\t$( '.woocommerce-tabs ul.tabs li a' ).click( function() {\r\n\r\n\t\tvar $tab = $( this ),\r\n\t\t\t$tabs_wrapper = $tab.closest( '.woocommerce-tabs' );\r\n\r\n\t\t$( 'ul.tabs li', $tabs_wrapper ).removeClass( 'active' );\r\n\t\t$( 'div.panel, $tabs_wrapper ).hide();\r\n\t\t$( 'div' + $tab.attr( 'href' ), $tabs_wrapper).show();\r\n\t\t$tab.parent().addClass( 'active' );\r\n\r\n\t\treturn false;\r\n\t});\r\n```\r\n\r\nThis is in place to hide product info tabs, which is fine. Except that as you can see it will hide any div with a class of \"panel\" when that element is inside a panel - such as the product description panel. Interestingly enough, the widely used Bootstrap framework has a panel component that uses the panel class name. So if a Bootstrap panel is embedded into a product description tab then clicking a product info tab hides it - and any other divs with that class. \r\n\r\nThe jQuery selector is far too broad. Please narrow the scope on that so that it only pertains to the product tabs.  Something like will work:\r\n\r\n```\r\n\t$( '.woocommerce-tabs .panel.entry-content' ).hide();\r\n\r\n\t$( '.woocommerce-tabs ul.tabs li a' ).click( function() {\r\n\r\n\t\tvar $tab = $( this ),\r\n\t\t\t$tabs_wrapper = $tab.closest( '.woocommerce-tabs' );\r\n\r\n\t\t$( 'ul.tabs li', $tabs_wrapper ).removeClass( 'active' );\r\n\t\t$( 'div.panel.entry-content', $tabs_wrapper ).hide();\r\n\t\t$( 'div' + $tab.attr( 'href' ), $tabs_wrapper).show();\r\n\t\t$tab.parent().addClass( 'active' );\r\n\r\n\t\treturn false;\r\n\t});\r\n```\r\n\r\nThanks!\r\n"},"comment":{"url":"https://api.github.com/repos/woothemes/woocommerce/issues/comments/95690377","html_url":"https://github.com/woothemes/woocommerce/issues/8000#issuecomment-95690377","issue_url":"https://api.github.com/repos/woothemes/woocommerce/issues/8000","id":95690377,"user":{"login":"whatthefork","id":4544965,"avatar_url":"https://avatars.githubusercontent.com/u/4544965?v=3","gravatar_id":"","url":"https://api.github.com/users/whatthefork","html_url":"https://github.com/whatthefork","followers_url":"https://api.github.com/users/whatthefork/followers","following_url":"https://api.github.com/users/whatthefork/following{/other_user}","gists_url":"https://api.github.com/users/whatthefork/gists{/gist_id}","starred_url":"https://api.github.com/users/whatthefork/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/whatthefork/subscriptions","organizations_url":"https://api.github.com/users/whatthefork/orgs","repos_url":"https://api.github.com/users/whatthefork/repos","events_url":"https://api.github.com/users/whatthefork/events{/privacy}","received_events_url":"https://api.github.com/users/whatthefork/received_events","type":"User","site_admin":false},"created_at":"2015-04-23T19:20:28Z","updated_at":"2015-04-23T19:20:28Z","body":"Hi, check your related CSS too, it also has definitions that are too broad for the WC product tabs. For example, it enforces a bottom border on any UL list inside the product description. Please remedy that. Thanks! "}}