JavaScript - Jquery Tab & Div Hide Help

<script type="text/javascript">
 $(document).ready(function(){
 $('#{field_label}').hide();
$('input#show{field_label}').click(function(){
$('#{field_label}').show('fast');
 });

$('input#close{field_label}').click(function(){
$('#{field_label}').hide('fast');
})
});
</script>

<script type="text/javascript" src="jquery.js"></script>
<script>
$(document).ready(function(){
  suggestions.hide();
  // On the change of the id_location text search for matching results.
  $('#text').keyup(function(){
    // Get the value of the id location.
    var text = $('#text').val();
    // Trim any unnecessary white spaces.
    text = jQuery.trim(text);
    // Start guessing after the length of text if greater than one.
    if (text.length > 1) {
      // Create a query string for ajax.
      var qry_str = '?suggestion=' + text;
      // Send an ajax json request.
      $.getJSON('http://example.com/page.html' + qry_str, function(data){
        // Empty the suggestions box.
        $('#suggestions').empty();
        // Show the suggestions box.
        $('#suggestions').show();
        if (data.length > 1) {
          // Start a list for the suggestion.
          $('#suggestions').append('<ul class="suggestion_list"></ul>');
          // Loop through all the results.
          for (i = 1; i < data.length; i++) {
          // Get the name.
          $('#suggestions ul').append('<li id="suggestion_' + data[i].id + '" class="suggestion suggestions">' + data[i].name + '</li>');
        }
        // If an id selection was made then place its complete text in the box and its id in the id location box.
        $('.suggestion').click(function(){
          // Get the id from the substring of the html id.
          var html_id = $(this).attr("id");
          var id = html_id.substring(11);
          // Get the name from the text.
          var name = $(this).html();
          // Alert just to test if you have the id.
          alert(id);
          // Set the value of the text box to the complete name.
          $('#text').val(name);
          // Hide and empty the suggestion box.
          $('#suggestions').hide();
          // Turn the focus back to the text.
          $('#text').focus();
        });
/*  This is the part that messes up the suggestion click function if turned on. */
        // Hide the box when focus is else where.
        $('#container').focusout(function(){
          alert('test');
//		  $('#suggestions').hide();
        });
      });
    }
  });
});
</script>
<div id="container">
  <input type="text" id="text" name="text" value="">
  <div id="suggestions">
    <ul class="suggestion_list">
      <li id="suggestion_1" class="suggestion">Option 1</li>
      <li id="suggestion_2" class="suggestion">Option 2</li>
      <li id="suggestion_3" class="suggestion">Option 3</li>
      <li id="suggestion_4" class="suggestion">Option 4</li>
    </ul>
  </div>
</div>

$(document).ready(function(){
	//References
	var change = $("#menu li a");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	change.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		if(this.id == "home")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/index.php", hideLoading);
			content.slideDown();
		}
		else if(this.id == "secondpage")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/secondpage.php", hideLoading);
			content.slideDown();
		}
		else
		{
			//hide loading bar if there is no selected section
			hideLoading();
		}
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}

	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

<ul id="menu">
<li><a id="home" class="normal" href="#Home"></a></li>
<li><a id="secondpage" class="normal"  href="#Secondpage"></a></li>		
</ul>

<div id="content">
<ul id="sec-menu">
<li><a id="link1" class="normal" href="#">Link1</a></li>
<li><a id="link2" class="normal"  href="#">Link2</a></li>		
</ul>
</div>

jQuery(document).ready(function($) {
        function load(num) {
            $('#content').load(num +".html");
        }

        $.history.init(function(url) {
                load(url == "" ? "1" : url);
            });

        $('#ajax-links a').live('click', function(e) {
                var url = $(this).attr('href');
                url = url.replace(/^.*#/, '');
                $.history.load(url);
                return false;
            });
    });