diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index bccb2132b..10f108e7b 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -50,6 +50,7 @@
 //= require markdown_editor
 //= require cocoon
 //= require allegations
+//= require legislation_debate
 //= require legislation_questions
 //= require custom
 
@@ -75,6 +76,7 @@ var initialize_modules = function() {
   App.SocialShare.initialize();
   App.MarkdownEditor.initialize();
   App.Allegations.initialize();
+  App.LegislationDebate.initialize();
   App.LegislationQuestions.initialize();
 };
 
diff --git a/app/assets/javascripts/legislation_debate.js.coffee b/app/assets/javascripts/legislation_debate.js.coffee
new file mode 100644
index 000000000..17091e946
--- /dev/null
+++ b/app/assets/javascripts/legislation_debate.js.coffee
@@ -0,0 +1,6 @@
+App.LegislationDebate =
+
+  initialize: ->
+    $('#js-toggle-debate').on
+      click: ->
+        $('#debate-info').toggle()
diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss
index 4fc1bee3c..61bf45db2 100644
--- a/app/assets/stylesheets/legislation_process.scss
+++ b/app/assets/stylesheets/legislation_process.scss
@@ -61,6 +61,10 @@
     }
   }
   
+  #debate-info {
+    display: none;
+  }
+  
   .half-gradient {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,e6e6e6+50,ffffff+50 */
     background: #e6e6e6; /* Old browsers */
diff --git a/app/views/sandbox/legislation_allegations.html.erb b/app/views/sandbox/legislation_allegations.html.erb
index 07e3ce359..60815cbd6 100644
--- a/app/views/sandbox/legislation_allegations.html.erb
+++ b/app/views/sandbox/legislation_allegations.html.erb
@@ -13,8 +13,36 @@
     </div>
   </div>
   
+  <div id="debate-info" class="row description">
+    <div class="small-12 medium-4 column">
+      <h4>En qué consiste</h4>
+      <p>Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites.</p>
+    </div>
+    <div class="small-12 medium-4 column">
+      <h4>A quién va dirigido</h4>
+      <ul>
+        <li>Ciudadanos con vivienda en propiedad</li>
+        <li>Profesionales de la construcción y reformas</li>
+        <li>Empresarios con locales comerciales</li>
+      </ul>
+    </div>
+    <div class="small-12 medium-4 column">
+      <h4>Cómo puedes participar</h4>
+      <ul>
+        <li><strong>Participa en el debate previo</strong> para identificar los problemas a solucionar, la necesidad de esta normativa, sus objetivos y posibles soluciones alternativas.</li>
+        <li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
+      </ul>
+    </div>
+    <div class="small-12 column">
+      <div class="debate-info-wrapper">
+        <h2>En qué consiste</h2>
+        <p>El ayuntamiento de Madrid somete...</p>
+      </div>
+    </div>
+  </div>
+  
   <div class="center half-gradient">
-    <a class="button big center button-circle" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
+    <a id="js-toggle-debate" class="button big center button-circle" title="Suscríbete al proceso">
       <span class="icon-angle-down" aria-hidden="true"></span>
     </a>
   </div>
diff --git a/app/views/sandbox/legislation_debate.html.erb b/app/views/sandbox/legislation_debate.html.erb
index d701cd918..324161c3c 100644
--- a/app/views/sandbox/legislation_debate.html.erb
+++ b/app/views/sandbox/legislation_debate.html.erb
@@ -34,10 +34,16 @@
         <li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
       </ul>
     </div>
+    <div id="debate-info" class="small-12 column">
+      <div class="debate-info-wrapper">
+        <h2>En qué consiste</h2>
+        <p>El ayuntamiento de Madrid somete...</p>
+      </div>
+    </div>
   </div>
   
   <div class="center half-gradient">
-    <a class="button big center strong" title="Más información y contexto" href="#">
+    <a id="js-toggle-debate" class="button big center strong" title="Más información y contexto">
       Más información y contexto
     </a>
   </div>
diff --git a/app/views/sandbox/legislation_draft.html.erb b/app/views/sandbox/legislation_draft.html.erb
index 8bcec8ca2..78848f277 100644
--- a/app/views/sandbox/legislation_draft.html.erb
+++ b/app/views/sandbox/legislation_draft.html.erb
@@ -34,10 +34,16 @@
         <li>Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar <strong>comentarios y alegaciones</strong>.</li>
       </ul>
     </div>
+    <div id="debate-info" class="small-12 column">
+      <div class="debate-info-wrapper">
+        <h2>En qué consiste</h2>
+        <p>El ayuntamiento de Madrid somete...</p>
+      </div>
+    </div>
   </div>
   
   <div class="center half-gradient">
-    <a class="button big center strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="/proposals/6-soluta-sed-sapiente-dolores/vote?value=yes">
+    <a id="js-toggle-debate" class="button big center strong" title="Suscríbete al proceso">
       Más información y contexto
     </a>
   </div>