blackcky,
пишите в пунктах что хотите
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var a = $("#top a"), All = $(".novost-1, .novost-2, .novost-3, .novost-4");
a.click(function(event) {
event.preventDefault();
var cls = $(this).data('cls') ;
All.hide();
$(cls).show();
});
});
</script>
</head>
<body>
<div>
<div id="top">
<ul>
<li><a href="#" data-cls=".novost-1, .novost-2, .novost-3, .novost-4">ALL</a></li>
<li><a href="#" data-cls=".novost-1">1</a></li>
<li><a href="#" data-cls=".novost-2">2</a></li>
<li><a href="#" data-cls=".novost-3">3</a></li>
<li><a href="#" data-cls=".novost-4">4</a></li>
</ul>
</div>
<div class="novost-1">
<div class="novost">1</div>
</div>
<div class="novost-2">
<div class="novost">2</div>
</div>
<div class="novost-3">
<div class="novost">3</div>
</div>
<div class="novost-4">
<div class="novost">4</div>
</div>
<div class="novost-1">
<div class="novost">1</div>
</div>
<div class="novost-2">
<div class="novost">2</div>
</div>
<div class="novost-3">
<div class="novost">3</div>
</div>
<div class="novost-4">
<div class="novost">4</div>
</div>
</div>
</body>
</html>