ansaurus

Question

Fading between two classes in jquery

Answer 1

+2 A:

You might want .animate() instead of .addClass() or .removeClass().

What you want to do with CSS classes is in JQuery UI.

http://api.jquery.com/animate/

Daniel A. White 2010-02-01 11:56:50

Thanks for you help, how do i animate between classes?

Andy 2010-02-01 12:09:19

Daniel A. White 2010-02-01 12:16:13

Answer 2

A:

You'll need to use jQuery UI for this. I would refer you to the documentation (here), but it seems to be broken at the moment. You'll want to use the addClass and removeClass methods mentioned there (not the default jQuery ones).

Edit: see Daniel's link!

Will Vousden 2010-02-01 12:16:17

Thanks for your input

Andy 2010-02-01 12:23:55

Answer 3

A:

first you need to download jquery i have jquery-1.3.2.min.js, but if you want the final release jQuery 1.4.1

change <h2 class="care-home-fees"><a title="Care Home Fees" href="#">Text</a></h2> to

<h2 class="care-home-fees"><a id="j" title="Care Home Fees" href="#">Text</a></h2>

you have to add the jquery file in your html..as i added it below::

//this is the start of the head
<head runat="server">
    <title></title>
// i added jquery-1.3.2.min.js file here
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>

<script>
  $("h2").click(function () { 
  $(document.getElementById('j')).fadeOut("slow");
$("a:hidden:first").fadeIn("slow");
  });
  </script>

//this is the end of the head
</head>

i hope it works..

jjj 2010-02-01 12:50:41

thanks jjj ill see how it goes now and come back to you

Andy 2010-02-01 13:00:15

No it didnt work, it fades out another link on the page then straight back in again.

Andy 2010-02-01 13:02:28

let "Care Home Fees" visible=false

jjj 2010-02-01 13:23:16

Answer 4

A:

$(document).ready(function(){

         $('#wm').hover(function(){
            $('#wm .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#wm .bld').stop().fadeTo(300, 1);
         });

         $('#ch').hover(function(){
            $('#ch .bld').stop().fadeTo(300, 0);
         }, function(){
            $('#ch .bld').stop().fadeTo(300, 1);
         });
});

Andy 2010-03-29 07:41:00

ansaurus

tags:

views:

answers:

Fading between two classes in jquery

related questions