DropDownMenu w jquery

pytanie zadane 6 maja 2017 w C i C++ przez balti Obywatel (1,040 p.)

Witam, mam problem z menu nawigacyjnym myśle, że ponizszy obrazek wszystko wyjaśni:

Chciałbym by menu rozwinęlo mi się na tekście, a nie pod nim.

        <script>
            $(document).ready(function() {
                $( '.dropdown' ).hover(
                    function(){
                        $(this).children('.sub-menu').slideDown(200);
                        
                    },
                    function(){
                        $(this).children('.sub-menu').slideUp(200);
                    }
                );
            }); // end ready
        </script>

    <body>
        <div class="container" id="strona">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 rectangle">
                    <div id="gora"><img src="GuitarBanner.jpg" width="100%" height="40%"></div>                                              
                </div>
            </div>
            <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12 rectangle">
                       <nav>
                        <ul class="content clearfix">
                            <li><a href="#">Nav 1</a></li>
                            <li><a href="#">Nav 2</a></li>
                            <li class="dropdown">
                                <a href="#">Nav 3</a>
                                <ul class="sub-menu">
                                    <li><a href="#">Nav 3.1</a></li>
                                    <li><a href="#">Nav 3.2</a></li>
                                    <li><a href="#">Nav 3.3</a></li>
                                    <li class="dropdown">
                                        <a href="#">Nav 3.4</a>
                                        <ul class="sub-menu">
                                            <li><a href="#">Nav 3.4.1</a></li>
                                            <li class="dropdown">
                                                <a href="#">Nav 3.4.2</a>
                                                <ul class="sub-menu">
                                                    <li><a href="#">Nav 3.4.2.1</a></li>
                                                    <li><a href="#">Nav 3.4.2.2</a></li>
                                                    <li><a href="#">Nav 3.4.2.3</a></li>
                                                    <li><a href="#">Nav 3.4.2.4</a></li>
                                                    <li><a href="#">Nav 3.4.2.5</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="#">Nav 3.4.3</a></li>
                                            <li><a href="#">Nav 3.4.4</a></li>
                                            <li><a href="#">Nav 3.4.5</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Nav 3.5</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Nav 4</a></li>
                            <li><a href="#">Nav 5</a></li>
                        </ul>
                    </nav>                                           
                    </div>
            </div>
            <div class="row">
                <div class="col-md-2 col-sm-12 col-xs-12 rectangle">
                    <div id="menu">Menu nawigacyjne</div>             
                </div>
                <div class="col-md-8 col-sm-12 col-xs-12 rectangle">
                    <div id="zawartosc">Czym jest Lorem Ipsum?
                        Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMake
                    </div>
                </div>
                <div class="col-md-2 col-sm-12 col-xs-12 rectangle">
                    <div id="info">Dodatkowe informacje</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 rectangle">      
                    <div id="stopka">Stopka strony</div>
                </div>
            </div>
        </div>
    </body>