Сершей, вот что требовалось -- а сейчас опишите что не так работает но какбы хотелось чтоб работало - алгоритм
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
div#mblock1, div#mblock2, div#mblock3{
background-color: #FFD700;
}
div.mbut1, div.mbut2, div.mbut3{
background-color: #228B22;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function()
{
$('div#mblock2, div#mblock3, div.mbut1').fadeOut();
$('div.mbut1').click(function()
{
$('div#mblock1, div.mbut2, div.mbut3').fadeIn(2000);
$('div#mblock2, div#mblock3, div.mbut1').fadeOut(2000);
});
$('div.mbut2').click(function()
{
$('div#mblock2, div.mbut1, div.mbut3').fadeIn(2000);
$('div#mblock1, div#mblock3, div.mbut2' ).fadeOut(2000);
});
$('div.mbut3').click(function()
{
$('div#mblock3, div.mbut1, div.mbut2').fadeIn(2000);
$('div#mblock1, div#mblock2, div.mbut3').fadeOut(2000);
});
});
</script>
</head>
<body>
<div id="slidemenu">
<div class="mbut1">1</div>
<div class="mbut2">2</div>
<div class="mbut3">3</div>
<div id="mblock1">1111</div>
<div id="mblock2">2222</div>
<div id="mblock3">3333</div>
</div>
</body>
</html>