CODEWITHSUNDEEP
javascriptjqueryhtmlcss
user2664298
user2664298

Reputation: 175

how to Hide a div when css is disabled?

i have a div which is hidden initially and will be visible later depending on some click events results.

I have wrote this 

 $(document).ready(function () {

        $('#<%=disable.ClientID %>').hide();
});


 <div id="disable" runat="server">The following question is disabled</div>

But when i disable CSS it appears, when i don't disable css it gets invisible. how do i make this invisible even when css is disabled and visible later again

Upvotes: 1

Views: 460

Answers (3)

Alberto De Caro
Alberto De Caro

Reputation: 5213

I do not get you when talking about enabling and disabling css, but you can always manage the DOM elements via DOM manipulation. As you tagged jQuery:

$(document).ready(function () {
    /* please try top avoid mix server side variables and javascript code */
    $('#myTargetDiv').hide();

    $('#myToggleButton').on('click',function(){
        /* select the elements you want to hide / show with the click on this element */
        var $elements = $('#myTargetDiv');
        $elements.toggle();
    });
});

Upvotes: 0

Liam
Liam

Reputation: 29694

There is no way to make something invisible without CSS. But you can remove it:

 $(document).ready(function () {

        $('#<%=disable.ClientID %>').remove();
});

You would then need to readd all the mark up again should you wish to show it again.

Edit

You could do something like this:

$(document).ready(function () {
        var item = $('#<%=disable.ClientID %>');
        $(document).data('myElement', item.clone());
        item.remove();
});

then you could re-add it

 $(document).append($(document).data('myElement'));

Upvotes: 2

Chris
Chris

Reputation: 3338

If you are willing to write server code for this, then you could do this in the code-behind.

//  c#
if(some condition...)
{
    disable.Visible = false;
}

This will remove the div from the HTML output of the page.

Upvotes: 1

Related Questions