Jquery animation in a AngularJS controller or directive?

Question

I have an app in AngularJS and in one of my view I want to implement some JQuery animation..nothing too fancy..just hide/slide of a divs ..those divs are created from ng-reapet loop and I need access to DOM elements in order to write my JQuery . Where shall I put my code controller or directive ? An exemple of my code:

$(document).ready(function(){
    $(".motivation").hide();
    $(".show_hide").show();

});
$(document).on("click", ".more", function(){
    $(this).parent().next().slideToggle();
    return false;
});

If you are using angular then you shouldn't be using jQuery to bind click events on your DOM, you should do it the angular way and use ng-click in your HTML. — Yann
– Yann, Commented Jul 19, 2013 at 9:01
And for the animation you should check this out: yearofmoo.com/2013/04/animation-in-angularjs.html — Yann
– Yann, Commented Jul 19, 2013 at 9:08
Yep I use the exemple from your site and it worked straight way with no effort - thanks a lot and beautiful website u got ! :) — Alex Garulli
– Alex Garulli, Commented Jul 19, 2013 at 14:46
The website sure is nice but it is not mine, I just found it on google :) — Yann
– Yann, Commented Jul 19, 2013 at 14:54

EpokK · Accepted Answer · 2013-08-13 09:42:02Z

3

With the beta version of AngularJS, you can use ng-animate.

documentation

nganimate.org

answered Aug 13, 2013 at 9:42

EpokK

38.1k9 gold badges64 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

Jquery animation in a AngularJS controller or directive?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related