Hide Bootstrap toggle Sidebar by default on page load using jQuery in ASP.Net

lingers

SOLVED CLOSED ACTIVE ANSWERED
User: lingers
Posted: on Aug 06, 2021 03:19 AM
Forum: Bootstrap
Answer: 1
Views: 7784

Please i want to hide toggle sidebar on page load, then display it when i click on the home button.

But it displays now on page load but only disappears when i click on home button.

<script type="text/javascript">
    $(document).ready(function () {
        $('#sidebarCollapse').on('click', function () {
            $('#sidebar').toggleClass('active');
        });
    });
</script>

please help

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
ANSWER
User: dharmendr
Replied: on Aug 06, 2021 03:26 AM
Report

Add trigger click event on page load in $(document).ready event.

<script type="text/javascript">
    $(document).ready(function () {
        $('#sidebarCollapse').on('click', function () {
            $('#sidebar').toggleClass('active');
        });

        $("#sidebarCollapse").trigger('click');
    });
</script>

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Hide Bootstrap toggle Sidebar by default on page load using jQuery in ASP.Net

Company

Explore

Follow us

Contact Us