Examples

More examples using Appery.io JavaScript API for jQuery Mobile app.

Show/Hide An Element

If component1 is the component name, then to hide/show an element:

Apperyio('component1').hide();
Apperyio('component1').show();

Both Hide () and Show() are standard jQuery functions. If component1 is the component ID:

$('#component1').hide(); 
$('#component1').show();

Check If an Element Is Visible

Every component has Visible property in the Properties panel:

When the Visible property is unchecked there is a CSS rule for this element:

display: none

// Check visibility with JavaScript
if (Apperyio('mobilebutton_10').css('display') == 'none')
{
    console.log('Hidden');
}
else
{
    console.log('Visible');
}