Accordion Scroll Bootstrap #2

by jrweinb

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<body>
        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#">Project name</a>
        </div>
      </div>
    </div>
<div class="accordionWrapper">    
<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim pariatur cliche...<br />
          Anim...

JavaScript

$.fn.collapse.Constructor.prototype.reset = function(size) {
};
$(function() {         
     $(".collapse").on('shown', function() {
             $(this).attr('style', 'height: 330px !important; overflow-y: scroll;');


        })

        $(".collapse").on('hide', function() {
            $(this).attr('style', ' height: auto;');

        })
        
});