Need help with javascript on specific effect [closed]

Question

As I am new to javascript:

I would like to change onmouseover one div id with another div id. On mouse out everything would go back. I was looking and tried this online for several hours with no luck.

Trying this:

    <script>

$('.one').hover(

function() {

$('.two').attr('id', 'header-email'); //box two's ID becomes box one
$(this).attr('id', 'header-email2'); //box one's ID becomes box two
}, function() {

$('.two').attr('id', 'header-email2'); 
$(this).attr('id', 'header-email');

}); //end hover one

$('.two').hover(

function() {

$('.one').attr('id', 'header-email2'); //box two's ID becomes box one
$(this).attr('id', 'header-email'); //box one's ID becomes box two

}, function() {

$('.one').attr('id', 'header-email');
$(this).attr('id', 'header-email2');

 }); //end hover one

</script>

my html:

 <div id="header-email"  class="one" style="visibility: visible;">textinhere<a href="mailto:tips@email.net">tips@email.net</a></div>
        <div id="header-email2" class="two" style="visibility:hidden;">textinhere<span><br>sometext</span></div>

still no luck..

Answer 1

This should do the trick:

http://jsfiddle.net/tmort/u42UD/6/

jQuery:

$('.one').hover(

function() {

    $('.two').attr('id', 'one'); //box two's ID becomes box one
    $(this).attr('id', 'two'); //box one's ID becomes box two
}, function() {

    $('.two').attr('id', 'two'); 
   $(this).attr('id', 'one');

}); //end hover one

$('.two').hover(

function() {

    $('.one').attr('id', 'two'); //box two's ID becomes box one
    $(this).attr('id', 'one'); //box one's ID becomes box two

}, function() {

    $('.one').attr('id', 'one');
    $(this).attr('id', 'two');

}); //end hover one

HTML:

<div id="one" class="box one">Box One</div>

<div id="two" class="box two">Box Two</div>

I am using the classes to identify one and two as well as the ID's. That way, we can "remember" which is one and which is two when switching the ID's around.

Let me know if you have any questions and if this works