Table of contents

M4Q Visibility

You can control element visibility with special visibility functions.

About

You can control element visibility with special visibility functions: toggle(), hide(), show(), visible().

toggle()

To toggle element display property, you can use function toggle().


                    <button class="button" onclick="$('#div-toggle').toggle()">Toggle</button>
                    <div id="div-toggle"></div>
                
hide(), show()

To hide element (set display to none), you can use function hide(). To show element (set display to your initial), you can use function show().


                    <button class="button" onclick="$('#div-hide').hide()">Hide</button>
                    <button class="button" onclick="$('#div-hide').show()">Show</button>
                    <div id="div-hide"></div>
                
visible()

To toggle element visibility property, you can use function visible().


                    <button class="button" onclick="$('#div-visible').visible(false)">Hidden</button>
                    <button class="button" onclick="$('#div-visible').visible(true)">Visible</button>
                    <div id="div-toggle"></div>
                
Callback

With each visibility functions, you can use your own callback function. This function will be executed when the visibility function works done.


                    <button class="button" onclick="$('#div-toggle').toggle()">Toggle</button>
                    <div id="div-toggle"></div>