<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(function(){
$("#button2").css({
opacity: 0.3
});
$("#button3").css({
opacity: 0.3
});
$("#button4").css({
opacity: 0.3
});
<head>
<script>
$(function(){
$("#cont1").show();
$("#cont2").hide();
$("#cont3").hide();
$("#cont4").hide();
$("#button2").click(function(){
$("#cont2").show();
$("#cont1").hide();
$("#cont3").hide();
$("#cont4").hide();
});
$("#button1").click(function(){
$("#cont1").show();
$("#cont2").hide();
$("#cont3").hide();
$("#cont4").hide();
});
$("#button3").click(function(){
$("#cont3").show();
$("#cont1").hide();
$("#cont2").hide();
$("#cont4").hide();
});
$("#button4").click(function(){
$("#cont4").show();
$("#cont1").hide();
$("#cont2").hide();
$("#cont3").hide();
});
});
</script>
</head>
<body>
<div class="popular">
<div id="cont1">
<div class="leftside">
<div class="want"></div>
<h1>Начните работать с SMLOUD!</h1><br />
<div><b>SMLOUD</b> - это широкий спектр услуг для продвижения вашей группы/приложения Вконтакте</div>
</div>
<div class="rightside">
<div class="podpiska">
</div>
</div>
</div>
<div id="cont2">
<div class="content2">
</div>
</div>
<div id="cont3">
<div class="content3">
</div>
</div>
<div id="cont4">
<div class="content4">
<a href="#" class="registred"></a>
</div>
</div>
</div>
<div class="popbot">
<ul>
<li id="button1">Что такое SMLOUD<div class="border"></div></li>
<li id="button2">Как это работает?<div class="border"></div></li>
<li id="button3">Какие плюcы системы<div class="border"></div></li>
<li id="button4">Как начать?</li>
</ul>
<div class="linkreg"><a href="#">Зарегистрироваться</a>
</div>
</div>
</body>
</html>
вот скрипт