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

app/views/users/_user_syllabus_list.html.erb

@@ -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(){
+        $(".syllabus_courses_list").toggle(function(){
-            //$(this).hide();
+            $(this).next().hide();
-            $(this).parent().next().hide();
+            $(this).children(":first-child").children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
-            $(this).children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
             //$(this).parent().next().show();
         },function(){
-            $(this).parent().next().show();
+            $(this).next().show();
-            $(this).children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
+            $(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).next().show();
-            $(this).children(":first-child").addClass("icons_sy_open").removeClass("icons_sy_close");
+            $(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).next().hide();
-            $(this).children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
+            $(this).children(":first-child").children(":first-child").addClass("icons_sy_close").removeClass("icons_sy_open");
         });
     });
 </script>

public/stylesheets/syllabus.css

@@ -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; }