Упростить jquery code

Рейтинг: 1Ответов: 1Опубликовано: 04.04.2015

Здравствуйте помогите упростить этот код , сократить строки ,записать в одно функцию... благодарю за помощь :)

$(document).ready(function () {
    $("#hide-1").show();
    $("#hide-2").hide();
    $("#hide-3").hide();
    $("#hide-4").hide();
    $("#li-1").click(function () {
        $("#hide-1").show();
        $("#hide-2").hide();
        $("#hide-3").hide();
        $("#hide-4").hide();
    });
    $("#li-2").click(function () {
        $("#hide-2").show();
        $("#hide-1").hide();
        $("#hide-3").hide();
        $("#hide-4").hide();
    });
    $("#li-3").click(function () {
        $("#hide-3").show();
        $("#hide-2").hide();
        $("#hide-1").hide();
        $("#hide-4").hide();
    });
    $("#li-4").click(function () {
        $("#hide-4").show();
        $("#hide-2").hide();
        $("#hide-3").hide();
        $("#hide-1").hide();
    });
});

Ответы

▲ 4Принят

Тут не код упрощать нужно, а подход к решению задачи менять. Вот набросал вам пример, он не идеальный, но даст пищу для размышления - http://jsfiddle.net/3wbnqv8m/