Scroll a content inside a tab through jQuery

[Sigurd]

I've write my own jQuery tab code. When I try to add some jQuery scroll to those tabs, the scroll will be showing only in the first tab and other tabs don't have any scroll while they're using same code ! Here is my jQuery tab code:\[code\]$(document).ready(function(){ $('.tabs').each(function(){ var $active, $content, $links = $(this).find('a'); $active = $($links.filter('[href="' + location.hash + '"]')[0] || $links[0]); $active.addClass('active'); $content = $($active.attr('href')); $links.not($active).each(function () { $($(this).attr('href')).css("visibility", "hidden"); $($(this).attr('href')).css("display", "none"); }); $(this).on('click', 'a', function(e){ $active.removeClass('active'); $content.css("visibility", "hidden"); $content.css("display", "none"); $active = $(this); $content = $($(this).attr('href')); $active.addClass('active'); $content.css("visibility", "visible"); $content.css("display", "block"); e.preventDefault(); }); });});\[/code\]When I remove the following line, scroll works but other problems occur.\[code\]$links.not($active).each(function () { $($(this).attr('href')).css("visibility", "hidden"); $($(this).attr('href')).css("display", "none");});\[/code\]Edit: this is my css:\[code\].tabs{ height: 50%; padding: 6px; overflow:auto;}\[/code\]JsFiddle addedhttp://jsfiddle.net/cJPT3/10/Any ideas !?