jquery on hover change css another element

jquery on hover change or add css of another element and remove

JQuery on hover changing CSS of another element - div or class - and remove the CSS when mouse left the element - simple code

     <script>
            $(document).ready(function () {
                $('.manage').hover(function () {
                    $('.topdes1').css('top', '0px');
                }, function () {
                    $('.topdes1').css('top', '140px');
                });
            });
    </script>


Option 2 : Avoid the repeating of hover when you have more than one div tags in same name.

TAG : jquery outer div hover change css in inner div


    <script>
            $(document).ready(function () {
                $('.manage',this).hover(function () {
                    $('.topdes1',this).css('top', '0px');
                }, function () {
                    $('.topdes1').css('top', '140px');
                });
            });
    </script>