Javascript 检测选定元素
我有以下Javascript来操作我的手风琴菜单Javascript 检测选定元素,javascript,accordion,Javascript,Accordion,我有以下Javascript来操作我的手风琴菜单 <script src="http://thecodeplayer.com/uploads/js/jquery-1.7.1.min.js"></script> <script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js"></script> <script> $(document).ready(func
<script src="http://thecodeplayer.com/uploads/js/jquery-1.7.1.min.js"></script>
<script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js"></script>
<script>
$(document).ready(function() {
$("#accordian a").click(function() {
var link = $(this);
var closest_ul = link.closest("ul");
var parallel_active_links = closest_ul.find(".active")
var closest_li = link.closest("li");
var link_status = closest_li.hasClass("active");
var count = 0;
closest_ul.find("ul").slideUp(function() {
if (++count == closest_ul.find("ul").length)
parallel_active_links.removeClass("active");
});
if (!link_status) {
closest_li.children("ul").slideDown();
closest_li.addClass("active");
}
})
$(".selected").parent().slideDown();
})
</script>
$(文档).ready(函数(){
$(“#手风琴a”)。单击(函数(){
var-link=$(这个);
var Nestest_ul=链接最近(“ul”);
var parallel\u active\u links=最近的查找(“.active”)
var Nestest_li=链接最近(“li”);
var link_status=最近的hasClass(“活动”);
var计数=0;
最近的查找(“ul”).slideUp(函数(){
如果(++count==最近的查找(“ul”)长度)
并行活动链接。removeClass(“活动”);
});
如果(!链接_状态){
最接近的儿童(“ul”)。向下滑动();
最近的添加类(“活动”);
}
})
$(“.selected”).parent().slideDown();
})
如何修改代码以检测“selected”类并从以下html脚本打开相应的面板
<div id="accordian">
<ul>
<li>
<h3 class="mtop"> </h3>
</li>
<li>
<h3><a href="#">Dashboard</a></h3>
<ul>
<li class="litop"><a href="#">Reports</a></li>
<li class="limid"><a href="#">Search</a></li>
<li class="limid"><a href="#">Graphs</a></li>
<li class="libot"><a href="#">Settings</a></li>
</ul>
</li>
<li>
<h3><a href="#">Calendar</a></h3>
<ul>
<li class="litop"><a href="#">Current Month</a></li>
<li class="limid"><a href="#">Current Week</a></li>
<li class="limid"><a href="#">Previous Month</a></li>
<li class="limid"><a href="#">Previous Week</a></li>
<li class="limid"><a href="#">Next Month</a></li>
<li class="limid"><a href="#">Next Week</a></li>
<li class="limid"><a href="#">Team Calendar</a></li>
<li class="limid"><a href="#">Private Calendar</a></li>
<li class="libot"><a href="#">Settings</a></li>
</ul>
</li>
<li>
<h3><a href="#">Favourites</a></h3>
<ul>
<li class="litop"><a href="#">Global favs</a></li>
<li class="limid selected"><a href="#">My favs</a></li>
<li class="limid"><a href="#">Team favs</a></li>
<li class="libot"><a href="#">Settings</a></li>
</ul>
</li>
<li>
<h3 class="mbot"> </h3>
</li>
</ul>
</div>
-
-
-
-
-
这里是Fiddle链接-您有旧版本的jquery,
尝试更新jquery版本
$(document).ready(function() {
$("#accordian a").click(function() {
var link = $(this);
var closest_ul = link.closest("ul");
var parallel_active_links = closest_ul.find(".active")
var closest_li = link.closest("li");
var link_status = closest_li.hasClass("active");
var count = 0;
closest_ul.find("ul").slideUp(function() {
if (++count == closest_ul.find("ul").length)
parallel_active_links.removeClass("active");
});
if (!link_status) {
closest_li.children("ul").slideDown();
closest_li.addClass("active");
}
})
$(".selected").parent().slideDown();
});
一旦检查工作代码。您就有了旧版本的jquery,
尝试更新jquery版本
$(document).ready(function() {
$("#accordian a").click(function() {
var link = $(this);
var closest_ul = link.closest("ul");
var parallel_active_links = closest_ul.find(".active")
var closest_li = link.closest("li");
var link_status = closest_li.hasClass("active");
var count = 0;
closest_ul.find("ul").slideUp(function() {
if (++count == closest_ul.find("ul").length)
parallel_active_links.removeClass("active");
});
if (!link_status) {
closest_li.children("ul").slideDown();
closest_li.addClass("active");
}
})
$(".selected").parent().slideDown();
});
一次检查工作代码。您的代码在您的JSFIDDLE中无法正常工作。我已在我们的网站上尝试了以下代码,但另一个手风琴面板未打开-请检查您的代码一次,您正在添加jquery库twice您的代码在JSFIDDLE中无法正常工作我已尝试在我们的站点中执行以下代码另一个但手风琴面板未打开-检查您的代码一次,您正在添加jquery库twice移动此行删除此行