# Using the Popup methods

Learn how to use Wijmo's Popup control to show and hide parts of your application in this documentation topic

## Content


Wijmo has a __Popup__ control, that is a part of wijmo.input module. Aside from the control, Wijmo core provides a couple methods that let you show and hide a popups with whatever content you want. Thees methods are not tied to the __Popup__ control. You can use them with any HTML elements.

The methods are simple:
* __showPopup()__
* __hidePopup()__

## Show
To show a popup, you must pass a HTML element as an argument. This HTML is the popup that you want to display. 

For example, if you want to show a control like the __ListBox__ as a popup, you must create the control template and instantiate the control. Then you can call the __showPopup__ method passing this as argument.

##### Example
```javascript
import * as wijmo from '@mescius/wijmo';
import * as wjInput from '@mescius/wijmo.input';

let listbox = new wjInput.ListBox('#myListbox', {
    itemsSource: data,
    checkedMemberPath: 'visible',
    displayMemberPath: 'country'
});

...
// Show the popup
wijmo.showPopup(listbox.hostElement);
```

## Hide

To hide the Popup, invoke the __hidePopup__ method with the HTMLElement passed as the argument.

```javascript
// Hide the popup
wijmo.hidePopup(listbox.hostElement);
```