forum

home / developersection / forums / how to add / remove css class dynamically

Ask Question

How to add / remove CSS class dynamically

marcel ethan 2941 16-Apr-2013
Hi Everyone!

I want to add and remove css class dynamically using javascript or jquery in html.

please help me!

Thanks in advance!
css-css3 css-css3 
Updated on 16-Apr-2013
marcel ethan

Other

Message
Can you answer this question?
Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

16-Apr-2013
Hi Marcel!

You can do as below

<div id="div1" class="getid">       
</div>
<div id="div2" class="getid">        
</div>
<style type="text/css">
        .setpos
        {
            position: relative;
            z-index: 1;
        }
    </style>
<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function () {
            jQuery(".getid").click(function () {
                jQuery("#div1").removeClass("setpos");
                jQuery("#div2").removeClass("setpos");
                var getid = jQuery(this).attr('id');
                jQuery("#" + getid).addClass("setpos");
            });
        });
</script>
MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy