jQuery obracanie elementu

Cześć. Napisałem taki kod:

 $('.content').slideUp();

        $('.__text').click(function(){
            $(this).siblings('.content').toggle('slow')
        });

służy on do rozwijania i zwijania diva. Działa prawidłowo jeden mam też ikonę class="icon" chciałbym aby po rozwinięciu ikona została obrócona o 180 stopni.
Jak tego można dokonać?

Możesz jQuery'm zmienić CSS dla ikonki: transform: rotate(180deg): https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate

...i to może się przydać:
https://api.jquery.com/css/
https://developer.mozilla.org/en-US/docs/Web/CSS/transition

Oki. Już wiem. A jak wykryć kiedy okno jest zwijane a kiedy rozwijane?
Tak abym mógł tą ikonę później obrócić do pozycji wejściowej?

Możesz stworzyć klasę w CSS z tym stylem np. expanded i jQuerym przy klikaniu odpalać funkcję toggleClass()