diff --git a/app/views/users/_course_list_have_entity.html.erb b/app/views/users/_course_list_have_entity.html.erb
index 6b5725a1f..87dd52635 100644
--- a/app/views/users/_course_list_have_entity.html.erb
+++ b/app/views/users/_course_list_have_entity.html.erb
@@ -20,21 +20,3 @@
   </div>
 </div>
 
-<script type="text/javascript">
-$(document).ready(function() {
-  var $menu = $('.user_course_list .menu');
-  var $li_tags = $menu.find('[mode]');
-  var $dyn_list = $('.dyn_list_wrapper');
-
-  $menu.find('[mode]').each(function(index, el) {
-    $(el).click(function() {
-      mode = $(el).attr('mode');
-      $menu.find('[mode]').removeClass( "on" );
-      $( this ).addClass( "on" );
-      var wrapper = $('[mode='+mode+']')
-      $dyn_list.addClass( "hidden" );
-      wrapper.removeClass('hidden')
-    })
-  });
-});
-</script>
\ No newline at end of file
diff --git a/app/views/users/_my_joinedcourse.html.erb b/app/views/users/_my_joinedcourse.html.erb
index dc759a809..31780e301 100644
--- a/app/views/users/_my_joinedcourse.html.erb
+++ b/app/views/users/_my_joinedcourse.html.erb
@@ -11,23 +11,27 @@
 			</p>
 		<% end %>
 <% else %>
-	<p>
-	<span><%=l(:label_course_doing)%>(<%=@memberships_doing.count%>)</span>
-	<%= link_to"#{l(:label_course_view_student)}",{:controller=>'projects',:action=>'course', :course => 1}, :class => 'icon icon-add' %>
-	</p>
-	<div>
-		<%= render :partial => 'course_form', :locals => {:memberships => @memberships_doing}%>
-	</div>
+	<div class="user_course_list">
+  <div class="menu">
+	<%= link_to"#{l(:label_course_view_student)}",course_path(course: 1), :class => 'icon icon-add' %>
+    <ul>
+      <li mode='doing' class="on">进行中</li>
+      <li mode='end'>已完结</li>
+    </ul>
+  </div>
 
-	<div style="clear:both;"></div>
+  <div class="dyn_list_wrapper" mode='doing'>
+    <div class='created_course'>
+      <%= render :partial => 'course_form', :locals => {:memberships => @memberships_doing} %>
+    </div>
+  </div>
 
-	<p>
-	<%= link_to l(:label_course_done)+"("+@memberships_done.count.to_s+")", 'javascript:void(0);', :onclick => '$("#courses_history_block").slideToggle(400); ', style:"color:#666666" if User.current.logged? %>
-	</p>
-
-	<div id="courses_history_block" class="courses_history hidden" >
-		<%= render :partial => 'course_form', :locals => {:memberships => @memberships_done}%> 
-	</div>
+  <div class="dyn_list_wrapper hidden" mode='end'>
+    <div class="created_course ">
+      <%= render :partial => 'course_form', :locals => {:memberships => @memberships_done} %>
+    </div>
+  </div>
+</div>
 	
 <% end %>
 	 
diff --git a/app/views/users/user_courses.html.erb b/app/views/users/user_courses.html.erb
index aa4a366fc..6a4d7afdd 100644
--- a/app/views/users/user_courses.html.erb
+++ b/app/views/users/user_courses.html.erb
@@ -12,3 +12,22 @@
 		
 	});
 </script>
+
+<script type="text/javascript">
+$(document).ready(function() {
+  var $menu = $('.user_course_list .menu');
+  var $li_tags = $menu.find('[mode]');
+  var $dyn_list = $('.dyn_list_wrapper');
+
+  $menu.find('[mode]').each(function(index, el) {
+    $(el).click(function() {
+      mode = $(el).attr('mode');
+      $menu.find('[mode]').removeClass( "on" );
+      $( this ).addClass( "on" );
+      var wrapper = $('[mode='+mode+']')
+      $dyn_list.addClass( "hidden" );
+      wrapper.removeClass('hidden')
+    })
+  });
+});
+</script>
\ No newline at end of file