Open a widget from another widget

[admin]

Button that opens main widget must have static-widget Additional class. In Custom JS change number in widget ID (widget-23) to your widget ID (you can view this in browser dev tools (F12)). Your widget must used fixed position that can be set in widget settings. Main widget can only be closed by clicking on the button that opens it or by changing plans. Other widgets are closed by clicking outside of widget area.

Custom CSS:

Code:

.force-show {
  display: block !important;
}

Custom JS:

Code:

$(function() {
  var widget = $('#widget-23').removeClass('layer').css('position', 'absolute');
  
  $(document.body).on('showplan', function() {
    widget.removeClass('force-show');
  });
  
  $('.static-widget').on('vclick', function() {
    widget.toggleClass('force-show', !widget.hasClass('hide'));
  });
});