Show sqlform when button is clicked

[Mujeeb Farees]

The code is as follows,

Controller

def index():
    form = SQLFORM(
           db.home,
           submit_button = 'Save'
        )

View

<div>
    <h5 class="title">Home</h5>
    <button type="button">Add Home</button>
    {{=form}}
</div>    

I want to make the form visible only when "Add Home" button is clicked. Any suggestions?

[Leonel Câmara]

Use bootstrap collapse.

[Mujeeb Farees]

I used JQuery instead and did the following,

View

<div class="content">
    <div id="chooseHome">

        <h5 class="title">Home</h5>

        <button onclick="displayHomeForm()">Add Home</button>
    </div>
    {{=form}}
               
</div>

<script>
    $( document ).ready(function() {
        $('form').hide();
    });

    function displayHomeForm()
    {
        $('#chooseHome').hide();
        $('#chooseHome').next().show();
    }
</script>