jquery matchheight 高さが揃わない件について

Question

●実現したい事
jqueryのmatchheightを読み込んで<dd class="menu-txt">の高さを揃えたい。

●現状
下記htmlの<dd class="menu-txt">の高さが揃わない状況です。原因が不明のため投稿させて頂きました。
matchheightのjqueryは読み込まれております。
この状態でページを読み込むと<dd class="menu-txt">が<dd class="menu-txt" style="">となりstyle属性が付与されるのですが、値は指定されておりません。

●HTML

<div>
                            <dl>
                                <dt>
                                    <dl>
                                        <dt>01</dt>
                                        <dd>タイトル1</dd>
                                    </dl>
                                </dt>
                                <dd class="menu-txt">xxxxxxxxxxxxxxxxxxx</dd>
                            </dl>
                            <dl>
                                <dt>
                                    <dl>
                                        <dt>02</dt>
                                        <dd>タイトル2</dd>
                                    </dl>
                                </dt>
                                <dd class="menu-txt">yyyyyyyyyyyyyyyyyy
yyyyyyyyyyyyyyyyyy</dd>
                            </dl>

</div>

●上記<dd class="menu-txt">に適用しているcss

.menu-txt {
    width: 100%;
    padding: 40px 20px;
    border: 1px solid #333333;
    position: relative;
}

●match-height jquery DLサイト

●js

$(function () {
    $(".menu-txt").matchHeight();
});

Comments

[kei344]

プラグイン／ライブラリは公式配布サイトのURLを質問文に追記ください。（URLにはリンクを張ることができます）

[退会済みユーザー]

ありがとうございます!リンクを張ります。

Answer 1

そもそもこのライブラリの使い方を間違っています。
このライブラリは、横並びの要素の高さをあわせることを主眼に作られているので、横並びになっていない要素については処理されません。

Comments

[退会済みユーザー]

理解いたしました。。。
初歩的なところで間違えておりました。ありがとうございます!