How to have 2 sliding panels open on screen?

How to have 2 sliding panels open on screen?

Hi,

I am trying to have 2 sliding panels open (one on the left side, the other on the right side) at the same time.
Reading the documentation it said, it is possible to open them programmatically.

Say that I have the following 2 panels:

<div data-role="panel" id="panQuery" data-position-fixed="true" data-theme="none" data-display="overlay" class="transl_panel w33pct" data-dismissible="false" data-rel="close"></div>

<div data-role="panel" id="panMap" data-position="right" data-theme="none" data-display="overlay" class="transl_panel w100pct" data-dismissible="false" ></div>

Then, the code to open them is:

/* -- - Handles buttons that open panels    ---- */
$('#cmdQuery').click(function(e){
e.preventDefault();
$('#panQuery').panel('open');
});
$('#cmdViewMode').click(function(e){
e.preventDefault();
$('#panMap').panel('open');
});

Therefore I click on the 'cmdViewMode' button that opens the "panMap" => OK
When I then click on the 'cmdQuery' button, it first closes the "panMap", then opens the "panQuery"

Could anyone tell me how to the 2 panels opened at the same time?

Many thanks