课程大纲列表点击展开收起,配置按钮链接跳转实现

cxt_course
Tim 9 years ago
parent 4314f6e36a
commit 10f52f110f

@ -26,7 +26,6 @@
<span class="<%=index == 0 ? 'icons_sy_open' : 'icons_sy_close' %> fl mr5"></span>
<h3 class="syllabus_courses_title fl"><%=syllabus.title %></h3>
</div>
<%=link_to '', syllabus_path(syllabus.id), :class => 'icons_sy_setting fr', :title => '管理课程' %>
<p class="fl sy_p_grey">更新时间:<%=format_date syllabus.updated_at %>
<span class="mr10"></span>创建老师:<%=syllabus.user.show_name %>
<span class="mr10"></span>班级:<%=courses.count %>
@ -66,6 +65,9 @@
<% end %>
</ul>
</div><!--syllabus_class_box end-->
<%=link_to '', syllabus_path(syllabus.id), :class => 'icons_sy_setting fr', :title => '管理课程' %>
<% end %>
<div>
<ul class="wlist" id="pages" >
@ -89,23 +91,22 @@
var tmpHeight = $(".syllabus_box").height() + diffHeight;
$(".syllabus_box").css("height", tmpHeight);
}
$(".sy_courses_open").toggle(function(){
//$(this).hide();
$(this).parent().next().hide();
$(this).children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
$(".syllabus_courses_list").toggle(function(){
$(this).next().hide();
$(this).children(":first-child").children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
//$(this).parent().next().show();
},function(){
$(this).parent().next().show();
$(this).children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
$(this).next().show();
$(this).children(":first-child").children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
});
$(".sy_courses_close").toggle(function(){
//$(this).hide();
$(this).parent().next().show();
$(this).children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
$(this).next().show();
$(this).children(":first-child").children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
//$(this).parent().next().show();
},function(){
$(this).parent().next().hide();
$(this).children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
$(this).next().hide();
$(this).children(":first-child").children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
});
});
</script>

File diff suppressed because it is too large Load Diff

@ -101,7 +101,8 @@ a.syllabusbox_a_blue{
.icon_course{ background: url(../images/syllabus/icons_syllabus.png) 0 -35px no-repeat; width:18px; height:15px; display:block;}
.icons_sy_open{background: url(../images/syllabus/icons_syllabus.png) 0 -53px no-repeat; width:20px; height:23px; display:block; cursor:pointer; }
.icons_sy_close{background: url(../images/syllabus/icons_syllabus.png) -26px -53px no-repeat; width:20px; height:23px; display:block; }
.icons_sy_setting{background: url(../images/syllabus/icons_syllabus.png) -51px -33px no-repeat; width:20px; height:20px; display:block; }
.syllabus_courses_box {position:relative;}
.icons_sy_setting{background: url(../images/syllabus/icons_syllabus.png) -51px -33px no-repeat; width:20px; height:20px; display:block; position:absolute; right:10px; top:10px; }
.icons_sy_setting:hover{background: url(../images/syllabus/icons_syllabus.png) -25px -33px no-repeat; }
.icons_sy_cir{background: url(../images/syllabus/icons_syllabus.png) 0px -82px no-repeat; width:15px; height:15px; display:block; position:absolute; left:-8px; top:25px;}
.icons_sy_arrow{background: url(../images/syllabus/icons_syllabus.png) -31px -81px no-repeat; width:20px; height:20px; display:block; }

Loading…
Cancel
Save