Question

I have this code

<a href="#">
<span style="border-right: medium none;" class="Yes">Yes</span>
</a>
<a href="#">
<span class="No">No</span>
</a>

if no is current I want when click on yes class calling current adding on yes span and delete current class from no.

If yes current I want when click on no class calling current adding on no span and delete current class from yes.

I want each case happen in just one click.

Answer 1

Here is a sample. This is a first cut, may be this can be optimized. All I am trying to do is remove current class from all the elements and add it to current one.

You have to modify your html to have a unique class

    <a href="#">
    <span style="border-right: medium none;" class="Yes yesno">Yes</span>
</a>
<a href="#">
    <span class="No yesno">No</span>
</a>

This is the jQuery code

        $('.yesno').click(function(){
            $('.yesno').each(function(i, v){
                $(v).removeClass('current');
            });
            $(this).addClass('current');
        });

see if it helps..