0%

JQUERY树形关系4-首元素收缩并可以折叠

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
unction i_box_click(){
$(“.i_box”).on(“click”,function(){
var this_toggle = $(this).attr(“is_toggle”);
var i = $(this).parent(‘span’).next(‘ul’).find(“ul”);
if (this_toggle == ‘true’) {
$(this).parent(‘span’).next(‘ul’).slideUp();
$(this).parent(‘span’).next(‘ul’).find(“ul”).slideDown();
$(this).attr(“is_toggle”, “false”);
$(this).find(‘i’).removeClass(“fa fa-plus-circle fa-minus-circle”);
$(this).find(‘i’).addClass(“fa fa-plus-circle”);

} else {
$(this).parent(‘span’).next(‘ul’).slideDown();
$(this).parent(‘span’).next(‘ul’).find(“ul”).slideUp();
$(this).attr(“is_toggle”, “true”);
$(this).find(‘i’).removeClass(“fa fa-plus-circle”);

}

function first_click(){
var this_toggle = $(“.i_box”).first().attr(“is_toggle”);
$(“.i_box”).first().parent(‘span’).next(‘ul’).slideUp();
$(“.i_box”).first().attr(“is_toggle”, “true”);
$(“.i_box”).first().find(‘i’).removeClass(“fa fa-plus-circle fa-minus-circle”);
$(“.i_box”).first().find(‘i’).addClass(“fa fa-plus-circle”);
}