I have a page that has a a two part div system bioTop (top div) and bioBot(bottom div).  The bioBot is hidden  (.hide()) and shows with the click of the more text.  Also there is clickable text to change the text in the divs from english to spanish and vice versa.  The click for the top divs work just fine.  The issue presents its self when the english or spanish text is clicked the bottom div does not take the new information or the text int the bottom div does not change.  Can a hidden div have new information loaded into it.  Is there something else that I should be doing.  Any help would be appreciated.  The page that the action is on is oncalllegal.  The jquery for the english and spanish text is.

      

1. var english = $("#englishBtn");
         var bioTop = $("#bioTop");
         var spanish = $("#spanishBtn");
         var boiBot = $("boiBot");

         english.click(function() {
         bioTop.fadeOut("fast");
         boiBot.fadeOut("fast");
         bioTop.load("pages/backend.php #englishTop", function() {
         bioTop.fadeIn("fast");
         boiBot.load("pages/backend.php #englishBot", function() {
   
   
   
   
   

         });
         });
         });