laimas,
вариант как я понял вас
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</script>
<script>
$(function() {
$("a[data-cls]").each(function(indx, el) {
var cls = "." + $(el).data("cls");
$(el).on({
click: function(event) {
event.preventDefault();
$("div").slideUp().filter(cls).slideDown()
}
})
}).eq(0).click()
});
</script>
</head>
<body>
<a href="" data-cls="А" class="А">А</a>
<a href="" data-cls="С" class="С">С</a>
<a href="" data-cls="Я" class="Я">Я</a>
<div class="А">Арбуз</div>
<div class="А">Алыча</div>
<div class="С">Слива</div>
<div class="Я">Яблоко</div>
</body>
</html>
вариант того что предлагаю я
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</script>
<script>
$(function() {
var obj = [".А",".С",".Я"];
$.each(obj,function(indx, el) {
$("a"+el).on({
click: function(event) {
event.preventDefault();
$("div").slideUp().filter(el).slideDown()
}
})
})
$("a"+obj[0]).click()
});
</script>
</head>
<body>
<a href="" class="А">А</a>
<a href="" class="С">С</a>
<a href="" class="Я">Я</a>
<div class="А">Арбуз</div>
<div class="А">Алыча</div>
<div class="С">Слива</div>
<div class="Я">Яблоко</div>
</body>
</html>
оба варианта в минимальном исполнении