Div hide/show无法正常工作,使用draggable和droptable-jQuery
我的问题是:当我将可拖动内容拖动到可拖放区域时,相应的Div hide/show无法正常工作,使用draggable和droptable-jQuery,jquery,html,hover,jquery-ui-draggable,jquery-ui-droppable,Jquery,Html,Hover,Jquery Ui Draggable,Jquery Ui Droppable,我的问题是:当我将可拖动内容拖动到可拖放区域时,相应的,其中包含类子主题拖放播放列表应该打开,并且它正在发生,变成显示:块,并显示以下内容 我的问题是,当我将拖动的内容移动到中时,第二个包含类子主题下拉播放列表的播放列表正在打开 它不应该打开 当我将光标悬停在特定的上时,第二个包含类子主题放置播放列表的应该会打开 否则就不应该。我已经给出了下面使用的代码 任何帮助都将是感激和感激的 可下降区域 <ul class="play-lists"> <li class="sub
,其中包含类子主题拖放播放列表
应该打开,并且它正在发生,
变成显示:块
,并显示以下内容
我的问题是,当我将拖动的内容移动到
中时,第二个
包含类子主题下拉播放列表的播放列表正在打开
它不应该打开
当我将光标悬停在特定的
上时,第二个包含类子主题放置播放列表的应该会打开
否则就不应该。我已经给出了下面使用的代码
任何帮助都将是感激和感激的
可下降区域
<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");
}
}