Instead of adding a separate function for each menu button I will add a data field to each href, which contains the text to be displayed and I will run the function in the next way:
$(".nav-buttons").hover(function () {
$(".nav-p-blurb").show();
$(".nav-p-blurb").text($(this).attr("data-mytext"));
});
Keeps the script more clear and easier to overview in feature.
See a full set working set: here
UPDATE: Based on user request I have updated the fiddle code with a fadeIn / Out effect Please see below:
$(".nav-buttons").hover(function () {
$(".nav-p-blurb").stop();
$(".nav-p-blurb").fadeTo(0,0);
$(".nav-p-blurb").text($(this).attr("data-mytext"));
$(".nav-p-blurb").fadeTo("slow",1);
});
LAST UPDATE As user requested, he will like the text to also slide left-right same way as the menu. Please see here the updated fiddle. To do a similar effect you will need a div which hides the content than the width is animated.
UPDATE
Yes it can, but you have 3 working examples from myself and some other explanation from others as well, so you should at least try to figure it out on your own. Nobody here is writing code for free for others, it's about help and support not about doing the job instead of you. This being said, see here the last example.