{"id":691,"date":"2015-12-14T04:24:41","date_gmt":"2015-12-14T04:24:41","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=691"},"modified":"2015-12-14T04:24:41","modified_gmt":"2015-12-14T04:24:41","password":"","slug":"collapsible-list-doesnt-work","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/collapsible-list-doesnt-work\/","title":{"rendered":"Collapsible List \u2013 Fix: post doesn&#8217;t expand on click heading"},"content":{"rendered":"<p>In Collapsible list, item&#8217;s content will toggle (show\/hide) when you click on item&#8217;s heading. If it doesn&#8217;t work like that, it should be conflict with script from another plugin or active theme.<\/p>\n<p>Please add this code to <strong>Custom JS<\/strong> field in Content Views >> Settings page:<\/p>\n<pre style=\"font-size:13px\">\n\/* Fix Collapsible list - can't toggle item *\/\nsetTimeout(function() {\n$(\".pt-cv-view .panel-title\").removeAttr(\"data-toggle\"),$(\".pt-cv-view .panel-title\").off(\"click\").on(\"click\",function(e){e.preventDefault();var l=$(this).next(\"span\").children(\"i\"),i=$(this).parent().next(\".panel-collapse\");i.is(\":visible\")?(i.fadeOut(100),l.removeClass(\"glyphicon-minus\").addClass(\"glyphicon-plus\")):($(this).closest(\".pt-cv-collapsible\").find(\".panel-collapse\").fadeOut(100),i.animate({height:\"toggle\"},300),l.removeClass(\"glyphicon-plus\").addClass(\"glyphicon-minus\")),i.removeClass(\"collapse\")}),$(\".pt-cv-view .panel-heading span.panel-collapsed\").off(\"click\").on(\"click\",function(e){$(this).parent(\".panel-heading\").find(\".panel-title\").trigger(\"click\")});\n}, 2000);\n<\/pre>\n<p>If you are using Content Views Free, please add above code with this instruction (<a href=\"http:\/\/contentviewspro.com\/documentation\/article\/add-custom-javascript-content-views-free-version\/\" target=\"_blank\" rel=\"noopener noreferrer\">click here<\/a>).<\/p>\n<p>Best regards,<\/p>\n<p><!-- old code\n$(\".pt-cv-view .panel-title\").removeAttr(\"data-toggle\"),$(\".panel-collapse\").removeClass(\"collapse\"),$(\".panel-collapse\").hide(),$(\".pt-cv-view .panel-title\").off(\"click\").on(\"click\",function(e){e.preventDefault();var l=$(this).next(\"span\").children(\"i\"),a=$(this).parent().next(\".panel-collapse\");a.is(\":visible\")?(a.fadeOut(100),l.removeClass(\"glyphicon-minus\").addClass(\"glyphicon-plus\")):($(this).closest(\".pt-cv-collapsible\").find(\".panel-collapse\").fadeOut(100),a.animate({height:\"toggle\"},300),l.removeClass(\"glyphicon-plus\").addClass(\"glyphicon-minus\"))}),$(\".pt-cv-view .panel-heading span.panel-collapsed\").off(\"click\").on(\"click\",function(e){$(this).parent(\".panel-heading\").find(\".panel-title\").trigger(\"click\")});\n--><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Collapsible list, item&#8217;s content will toggle (show\/hide) when you click on item&#8217;s heading. If it doesn&#8217;t work like that, it should be conflict with script from another plugin or active theme. Please add this code to Custom JS field in Content Views >> Settings page: \/* Fix Collapsible list &#8211; can&#8217;t toggle item *\/ &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/collapsible-list-doesnt-work\/\"> <span class=\"screen-reader-text\">Collapsible List \u2013 Fix: post doesn&#8217;t expand on click heading<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[23],"doc_tag":[22],"class_list":["post-691","docs","type-docs","status-publish","hentry","doc_category-common-bugs","doc_tag-collapsible-list"],"year_month":"2026-09","word_count":144,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin1","author_nicename":"admin1","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/admin1\/"},"doc_category_info":[{"term_name":"Troubleshooting","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/common-bugs\/"}],"doc_tag_info":[{"term_name":"collapsible list","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/collapsible-list\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=691"}],"version-history":[{"count":0,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/691\/revisions"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=691"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=691"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}