diff --git a/app/views/todos/_successor.html.erb b/app/views/todos/_successor.html.erb
new file mode 100644
index 00000000..9570d0b3
--- /dev/null
+++ b/app/views/todos/_successor.html.erb
@@ -0,0 +1,20 @@
+<%
+suppress_context ||= false
+suppress_project ||= false
+suppress_dependencies ||= false
+parameters = "_source_view=#{@source_view}"
+parameters += "&_tag_name=#{@tag_name}" if @source_view == 'tag'
+@z_index_counter = @z_index_counter - 1  # for IE z-index bug
+%>
+<div id="<%= dom_id(successor, 'successor') %>" class="item-container">
+  <div id="<%= dom_id(successor, 'successor_line') %>">
+    <div class="description<%= staleness_class( successor ) %>" style="margin-left: 10px">
+      <%= link_to(image_tag( 'blank.png', :width=>'16', :height=>'16', :border=>'0', :class => 'delete_item' ), "#", 
+          { :class => 'remove_successor', :title => 'Remove successor', :style => "background: transparent;"}) %>
+      <span class="todo.descr"><%= h sanitize(successor.description) %></span>
+      <% #= successors_span %>
+      <%= render(:partial => "todos/toggle_successors", :locals => { :item => successor }) unless successor.pending_successors.empty? %>
+    </div>
+  </div>
+</div>
+
diff --git a/app/views/todos/_todo.html.erb b/app/views/todos/_todo.html.erb
index 0d023284..2ca193d0 100644
--- a/app/views/todos/_todo.html.erb
+++ b/app/views/todos/_todo.html.erb
@@ -25,12 +25,13 @@ parameters += "&_tag_name=#{@tag_name}" if @source_view == 'tag'
       <%= grip_span %>
       <%= date_span -%>
       <span class="todo.descr"><%= h sanitize(todo.description) %></span>
-      <%= successors_span %>
+      <% #= successors_span %>
       <%= image_tag_for_recurring_todo(todo) if @todo.from_recurring_todo? %>
       <%= tag_list %>
       <%= deferred_due_date %>
       <%= project_and_context_links( parent_container_type, :suppress_context => suppress_context, :suppress_project => suppress_project ) %>
       <%= render(:partial => "todos/toggle_notes", :locals => { :item => todo }) if todo.notes? %>
+      <%= render(:partial => "todos/toggle_successors", :locals => { :item => todo }) unless todo.pending_successors.empty? %>
     </div>
   </div>
   <div id="<%= dom_id(todo, 'edit') %>" class="edit-form" style="display:none">
diff --git a/app/views/todos/_toggle_successors.html.erb b/app/views/todos/_toggle_successors.html.erb
new file mode 100644
index 00000000..34a73c15
--- /dev/null
+++ b/app/views/todos/_toggle_successors.html.erb
@@ -0,0 +1,9 @@
+<%= link_to(image_tag( 'blank.png', :width=>'16', :height=>'16', :border=>'0' ), "#", {:class => 'show_successors', :title => 'Show successors'}) %>
+
+<div class="todo_successors" id="<%= dom_id(item, 'successors') %>" style="display:none">
+  <%= render :partial => "todos/successor",
+             :collection => item.pending_successors,
+             :locals => { :parent_container_type => parent_container_type, 
+                          :suppress_dependencies => true }
+  %>
+</div>