ホームページにドロップダウン機能を加えたいのですが、（マウスを合わせるとずらずらと出てくるやつ）私のホームページではxhtmlを使用しています。といいいますか、どのコードを使っていいのかわかりません。教えてください、よろしくお願いします。

「リプレースできずにイントラネットの古い環境がいまだにゴロゴロあるので・・・」と言い訳しておきます（恥）

ローカルで動かしただけで、Jimdoで動くかどうかはためしてませんが、
JAVAScriptを使わずにHTML+CSSで書くと下記のような具合です

    <style>
        #mymenu ul {
            display:block;
            list-style-type: none;
            margin:0;
            padding:2px;
        }

        #mymenu ul ul{
            display:none;
            position:absolute;
            top:100%;
            left:0;
        }

        #mymenu ul ul ul {
            top:0;
            left:100%;
        }

        #mymenu li {
            width:6em;
            background:#8FBC8F;
            border:thin solid black;
            text-align:center;
            float:left;
        }

        #mymenu li li {
            clear:both;
        }

        #mymenu li:hover {
            position:relative;
        }

        #mymenu li:hover > ul {
            display: block
        }
    </style>
    <div id="mymenu">
        <ul>
            <li><a href="#">ホーム</a>
            <li>
                <a href="#">宿泊</a>
                <ul>
                    <li><a href="#">シングル</a></li>
                    <li><a href="#">ツイン</a></li>
                    <li>
                        <a href="#">和室</a>
                        <ul>
                            <li><a href="#">露天風呂</a></li>
                            <li><a href="#">ユニットバス</a></li>
                        </ul>
                    </li>
                    <li><a href="#">スイート</a></li>
                </ul>
            </li>
            <li><a href="#">レストラン</a>
                <ul>
                    <li>
                        <a href="#">和食</a>
                        <ul>
                            <li><a href="#">すし</a></li>
                            <li><a href="#">天ぷら</a></li>
                            <li><a href="#">懐石</a></li>
                        </ul>
                    </li>
                    <li><a href="#">中華</a></li>
                    <li><a href="#">フレンチ</a></li>
                </ul>
            </li>
        </ul>
    </div>

# の部分にはそれぞれのページのアドレスを入れます