diff --git a/addons/planner/static/src/js/planner.js b/addons/planner/static/src/js/planner.js
index 921e5326188..67add8daba0 100644
--- a/addons/planner/static/src/js/planner.js
+++ b/addons/planner/static/src/js/planner.js
@@ -102,7 +102,7 @@
             this.planner_launcher = parent;
             this.planner = planner;
             this.cookie_name = this.planner['planner_application'] + '_last_page';
-            this.set('progress', 5);
+            this.set('progress', 0);
         },
         start: function() {
             var self = this;
@@ -267,7 +267,7 @@
             var btn = $(ev.currentTarget);
             var page_id = btn.attr('data-pageid');
             var active_menu = self.$(".oe_planner li a[href=#"+page_id+"] span");
-            var active_page = self.$(".oe_planner div[id^='planner_page'].panel-collapse.collapse.in");
+            var active_page = self.$(".oe_planner div[id^='planner_page'].planner-page.show");
 
             var next_button = self.$(".oe_planner a[data-parent="+page_id+"]");
             if (!btn.hasClass('fa-check-square-o')) {
diff --git a/addons/planner/static/src/less/planner.less b/addons/planner/static/src/less/planner.less
index 50c8cc7e205..19b9125f7bc 100644
--- a/addons/planner/static/src/less/planner.less
+++ b/addons/planner/static/src/less/planner.less
@@ -345,7 +345,7 @@
             }
         }
          // MARKED ANIMATION
-        .panel-collapse.marked:after {
+        .planner-page.marked:after {
             position: absolute;
             left: 0;
             top: 0;
diff --git a/addons/planner_crm/data/planner_data.xml b/addons/planner_crm/data/planner_data.xml
index 852f3ca653e..e10d3f9b967 100644
--- a/addons/planner_crm/data/planner_data.xml
+++ b/addons/planner_crm/data/planner_data.xml
@@ -239,10 +239,10 @@
 
                                     <h5><strong>Sales objectives</strong> by priority:</h5>
 
-                                    <a class="pull-right" data-parent="#accordion" href="#collapseOne">
+                                    <a class="pull-right" data-toggle="collapse" href=".collapseOne">
                                         <i class="fa fa-question-circle"></i>
                                     </a>
-                                    <div id="collapseOne" class="planner-page help">
+                                    <div class="collapseOne collapse help">
                                         <h5>Examples</h5>
                                         <ul>
                                             <li> Better visibility on team activities</li>
@@ -281,10 +281,10 @@
                                 <div class="lines"></div>
                                 <li class="header">
                                     <h5><strong>Your Main KPIs:</strong></h5>
-                                    <a class="pull-right" data-parent="#accordion" href="#collapseKPI">
+                                    <a class="pull-right" data-toggle="collapse" href=".collapseKPI">
                                         <i class="fa fa-question-circle"></i>
                                     </a>
-                                    <div id="collapseKPI" class="planner-page help">
+                                    <div class="collapse collapseKPI help">
                                         <h5>Examples</h5>
                                         <ul>
                                             <li> Sales Forecasts (month+1)</li>