Jquery get class and use in function

Question

html

<div id="one" class="bubble"></div>   
<div id="two" class="bubble"></div>  
<div id="three" class="bubble"></div>

Jquery

 $(function () {

              function bubble ()
              {
                 $(this).fadeIn(300).delay(2000).fadeOut(400);
              }
            }); 
            $( document ).ready(function() {
               $(.bubble).bubble();
            });

I'm not really good with jquery, now what i'm trying to do is to fadein and fadeout the elements with class bubble, what's going wrong?

$(".bubble").each(bubble); might work

nrodic
– nrodic

2014-05-11 20:47:33 +00:00
Commented May 11, 2014 at 20:47 — nrodic
– nrodic, Commented May 11, 2014 at 20:47

beautifulcoder · Accepted Answer · 2014-05-11 20:47:34Z

2

Try passing it as a parameter:

function bubble (el)
{
    el.fadeIn(300).delay(2000).fadeOut(400);
}
bubble($('.bubble'));

answered May 11, 2014 at 20:47

beautifulcoder

11.4k3 gold badges21 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Jquery get class and use in function

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related