我有一个jquery函数,可以使用 + - 按钮扩展和折叠div内容。
Here is an example on my website
在我的管理面板中,我在视频嵌入代码和php使用该链接列表创建零件系统之前写了一个链接列表。 我的问题是如何用jquery更改链接列表。 例如我的链接列表是:($ text)
http://link1
http://link2
http://link3
http://link4
http://link5
*http://link6
http://link7
包含*的链接是活动部分。现在6.Bölüm(第6部分)很活跃。 我只想删除link4之前的链接。我说4因为我想把*一个放在中间。 这很难但我不知道我能做什么;你能给我一些建议吗?
这里也是我的jquery代码。如果您愿意,可以使用它:
<script>
$(function() {
var cachedjQuery = $("#partsakla");
var cachedEl = document.getElementById("partsakla");
var cachedStyle = cachedEl.style;
if ($("#partsaklasag").text().length > 1) {
cachedStyle.visibility = "visible";
}
else{
$("#partsakla").hide();
}
$("#collapse").click(function() {
var elHeight = $("#partsakla").height();
$("#partsakla").animate({ height: "22px" });
});
var elHeight = $("#partsakla").height();
$("#expand").click(function() {
$("#partsakla").animate({ height: (elHeight) });
});
document.getElementById('collapse').click();
});
</script>
我想在div折叠时删除链接list($text)
。当有人点击展开按钮时,它会变为正常。可能吗?
答案 0 :(得分:0)
看起来您的容器(partsakla)的展开/折叠工作正常。您只需要一种方法来选择哪些链接保持可见。所以像这样:
function get_active_link() {
return $('#partsaklasag ul li.active');
}
// numberToShow should be an odd number
// removes the links we want to keep from the list so they stay visible
function get_links_around($list, $link, numberToShow) {
var before, after, start, end,
total = numberToShow,
$before = $link.prevAll(),
$after = $link.nextAll(),
curr = $before.length,
half = (numberToShow-1)/2;
if( before < half ) {
after = numberToShow-1-before;
}
else if( after < half ) {
before = numberToShow-1-after;
}
else {
before = half;
after = half;
}
start = curr-before;
end = curr+after;
return $list.filter(function(i, v) {
return i >= start && i <= end;
});
}
function collapse() {
var $list = $('#partsaklasag ul li').hide();
get_links_around($list, get_active_link(), 5).show();
$("#partsakla").animate({ height: "22px" });
}
function expand() {
var $list = $('#partsaklasag ul li').show();
$("#partsakla").animate({ height: (elHeight) });
}