jQuery Forum

I have text broken into two divs, #bioTop (top area of bio) and #bioBot (lower portion of bio),  By default the bottom is hidden and toggles when the user clicks the more button.  The site page is oncalllegal.  The subject bio is the last one for Fredrico.  When the english or spanish text is clicked the top bio changes accordingly.  The bottom that is hidden is not changing and I cannot figure out why.  I have played with the jquery and just get the same results.  Can any one tell me how to have a hidden page change.  My jquery is

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() {
 boiBot.fadeIn("fast");

 });
 });
});

Any help will be appreciate.