output_toggle.tpl

{%- extends 'slides_reveal.tpl' -%}

{% block input_group -%}
<div class="input_hidden">
{{ super() }}
</div>
{% endblock input_group %}

{%- block header -%}
{{ super() }}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<style type="text/css">
//div.output_wrapper {
//  margin-top: 0px;
//}
.input_hidden {
  display: none;
  //  margin-top: 5px;
  }
  </style>

  <script>
  $(document).ready(function(){
    $(".output_wrapper").click(function(){
          $(this).prev('.input_hidden').slideToggle();
            });
            })
            </script>
            {%- endblock header -%}