[leesam]

How to hide/show a panels within a page, if a page contains more than 1 panels? I’ve been trying to use .css(‘visibility’, ‘hidden’), but it’s does not work at all. Hope someone can help.

[WaylandDavis]

This is what I use:

$(“#m1-splitcheck-calcpanel”).hide(); // Hide the calculator panel
$(“#m1-splitcheck-calcpanel”).show(); // show the calculator panel

As Wayne says below:

$(“#m1-testpanel-panel1”).css(“visibility”, “hidden”); // Hide the panel
$(“#m1-testpanel-panel1”).css(“visibility”, “visible”); // Show the panel

These work too and are more universal between platforms.

wildwex

[support-michael]

Instead of show()/hide() set the css directly on the top level <div> of the panel widget. Here are a couple of snippets that should work:

    $('#m1-test-panel').css('visibility', 'visible');
    $('#m1-test-panel').css('visibility', 'hidden'); 

[Author]

Posts