<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<style>
#insert {
display: none;
}
</style>
</head>
<body>
<a href="bears" rel="insert">Ссылка 1</a>
<a href="lions" rel="insert">Ссылка 2</a>
<a href="cats" rel="insert">Ссылка 3</a>
<div id="insert"></div>
<script>
var bears = 'Медведи - это такие крупные толстолапые звери, обитают в лесах.';
var lions = 'Львы - это такие крупные звери из семейства кошачих, обитают в Африке.';
var cats = 'Кошки - это такие некрупные звери из семейства кошачих, давным-давно одомашены людьми, и, следовательно, обитают даже на МКС.';
$(function() {
var insert = $('#insert');
$('a[rel="insert"]').click(function() {
var a = $(this).attr('href');
insert.css('display', 'none').html(window[a]).fadeIn(300);
return false;
});
});
</script>
</body>
</html>
В
href пишем имя переменной, значение которой будет выводится в #insert при клике.