Hi.

Could you please give more explanations? You want your panel open when you click onto an image which is separate from the panel? Do you need it to look like collapsible panel, or just showing/hiding a simple Group of Elements is ok? (this would facilitate the transparent background task)

To make any element show/hide another element:

- Select the "trigger" element (e.g. an image) and in its Properties put Custom Class "trigger" (without "")

- Select the element to appear/disappear (e.g. a Group of Elements containing form fields), and in its Properties put Custom Class "target". Then hide the element using the Visible or Display property (it's not quite the same).

- Add a Code Block (Source) type Javascript with the code:

$(function(){ // wait page load

$('.trigger').click(function(){
  var $target = $('.target');
  $target.toggleClass('shown');
  if ($target.hasClass('shown')) { // currently visible
    $target.hide();// hide the target element
  } else { // currently invisible
    $target.css({ visibility: 'visible', display: 'block' }); // show the target element
  }
});

});