Collapsible List – Fix: post doesn’t expand on click heading

In Collapsible list, item’s content will toggle (show/hide) when you click on item’s heading. If it doesn’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 - can't toggle item */
setTimeout(function() {
$(".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")});
}, 2000);

If you are using Content Views Free, please add above code with this instruction (click here).

Best regards,

Scroll to Top