jquery - ドラッグ可能およびドロップ可能を使用するDivの非表示/表示が正しく機能しない - jQuery

Question

私の問題は、ドラッグ可能なコンテンツをドロップ可能な領域にドラッグしている間<li>、クラスを含む対応するものがsubtopic-drop-playlist開き、それ<ul class="topic-list">が発生display:blockし、以下のコンテンツが表示されることです。

ドラッグしたコンテンツをクラスが開いて<ul class="topic-list">いる秒の中に移動すると、私の問題は何ですか..<li>subtopic-drop-playlist

開いてはいけません..

その特定の にカーソルを合わせると<li>、クラスを含む2 番目のクラスが開きます。subtopic-drop-playlist<li>

そうでなければ、そうすべきではありません。以下で使用されるコードを提供しました...

どんな助けも感謝し、感謝します...

ドロップ可能エリア

<ul class="play-lists">
    <li class="subtopic-drop-playlist ui-droppable" id="nid_471">
        <h4 class="title-exp-coll title-collapse"><span class="exp-coll-playlist"></span><a href="/playlist/test">test</a></h4>
        <ul class="topic-list" style="display: none; ">
            <li class="subtopic-drop ui-droppable" topic_id="412326" nid="471"><h5>Topic 1</h5>
                <ul class="asset-list">
                    <li>
                        <div> <a href="/asset/sarav-asset-afternoon2">Sub Topic 1</a></div>
                    </li>
                    <li>
                        <div> <a href="/asset/sarav-asset-afternoon">Sub Topic 2</a></div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
    <li class="first"></li>
    <li class="subtopic-drop-playlist ui-droppable" id="nid_469">
        <h4 class="title-exp-coll title-collapse"><span class="exp-coll-playlist"></span><a href="/playlist/sarava">Sarava</a></h4>
        <ul class="topic-list" style="display: none; ">
            <li class="subtopic-drop ui-droppable" topic_id="412324" nid="469"><h5>Topic 1</h5>
                <ul class="asset-list">
                    <li>
                        <div> <a>Sub Topic 1</a></div>
                    </li>
                    <li>
                        <div> <a>Sub Topic 2</a></div>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

ドラッグ可能なコンテンツ:

<div id="asset-block-content">
    <div class="clearfix comm-list-title">
        <h3>
            <div class="asset-links asset-image asset-draggable ui-draggable" content_asset="450" content_type="asset" class_type="asset-html" content_title="fdasfdasfsa"><a title="Click to view content" href="/asset/fdasfdasfsa">fdasfdasfsa</a>
            </div>
        </h3>
    </div>
</div>

コンテンツをドロップ可能領域にドラッグしている間の表示/非表示:

function openclosePlaylist() {
    $(this).parent().next().toggle();
    if ($(this).parent().hasClass('active')) {
        $(this).parent().removeClass("title-expand active").addClass("title-collapse");
    }
    else {
        $(this).parent().addClass('active');
        $(this).parent().removeClass("title-collapse").addClass("title-expand active");
    }
}