title: Get additional height from accordeon - jQuery
body: <p>I´ve got a dropdown function for a list of customers, onclick on a logo you the hidden content slides down to show additional content.</p>
  <p>Now I have a accordeon in my hidden content and when I open the accordeon, the content below scrolls out of the div and you cant read it.</p>
  <p>Is it possible, to chnage the height of the activ/shown divs &quot;group&quot; and &quot;wrapper_hidden_content&quot; on click of a accordeon element?</p>
  <h2>JSFIDDLE</h2>
  <p><a href="http://jsfiddle.net/v5m4wyoo/2/" rel="nofollow noreferrer">http://jsfiddle.net/v5m4wyoo/2/</a></p>
  <h2>JScode</h2>
  <pre><code>//show hidden content function
   // global variables
                  var nav1           = $('.group'),
                      navHeight1     = nav1.height(),
                      items1         = $('.group .partner_item .trigger'),
                      itemsSub1      = items1.next('.toggle_container'),
                      itemsSubOpen1  = false,
                      speed1         = 400;
  
                  // global functions
                  var navOpen1 = function (thisSubmenu1) {
                      itemsSubOpen1 = true;
  
                      // get height
                      thisSubmenu1.css('height', 'auto');
                      var thisHeight1 = thisSubmenu1.height();
  
  
                      thisSubmenu1
                          .css('height', '0')
                          .animate({height: thisHeight1 }, speed1)
                          .addClass('open')
                          .closest('.group')
                          .animate({height: thisHeight1 + navHeight1+130 }, speed1);
                  };
  
                  var navClose1 = function () {
                      itemsSubOpen1 = false;
                      items1.next('.open')
                          .animate({height: 0}, speed1)
                          .removeClass('open');
                      nav1.animate({height: navHeight1+125 }, speed1);
                  };
                  // prepare css
                  itemsSub1.css('display', 'block');
                  itemsSub1.css('height', '0');
                  // click event
                  items1.click(function(event) {
  
                      // set local variables
                      var thisItem1 = $(this),
                          thisSubmenu1 = thisItem1.next('.toggle_container');
  
                      // conditional click event handling
                      if ( itemsSubOpen1  ) {
  
                          if ( thisSubmenu1.hasClass('open') ) {
                              // only close
                              navClose1();
                          } else {
                              // close old, than open new
                              navClose1();
                              setTimeout(function() {
                                  navOpen1(thisSubmenu1);
                              }, speed1);
  
                          }
                      } else {
                          // only open
                          navOpen1(thisSubmenu1);
                      }
  
                      // prevent default
                      event.preventDefault();
  
                  });
  </code></pre>