$(document).ready(function() {
    $("div.index ul.navigation li.item1 span").click(Item1);
    $("div.index ul.navigation li.item2 span").click(Item2);
    $("div.index ul.navigation li.item3 span").click(Item3);
    $("div.index ul.navigation li.item4 span").click(Item4);
});

function Item1() {
    $(this).parent().toggleClass("active");
    $(this).next().toggleClass("open");
    $(this).next().next().toggleClass("open");
    $("div.index ul.navigation li.item2 h4").removeClass("open");
    $("div.index ul.navigation li.item3 h4").removeClass("open");
    $("div.index ul.navigation li.item4 h4").removeClass("open");
    $("div.index ul.navigation li.item2 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item3 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item4 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item2").removeClass("active");
    $("div.index ul.navigation li.item3").removeClass("active");
    $("div.index ul.navigation li.item4").removeClass("active");
}

function Item2() {
    $(this).parent().toggleClass("active");
    $(this).next().toggleClass("open");
    $(this).next().next().toggleClass("open");
    $("div.index ul.navigation li.item1 h4").removeClass("open");
    $("div.index ul.navigation li.item3 h4").removeClass("open");
    $("div.index ul.navigation li.item4 h4").removeClass("open");
    $("div.index ul.navigation li.item1 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item3 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item4 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item1").removeClass("active");
    $("div.index ul.navigation li.item3").removeClass("active");
    $("div.index ul.navigation li.item4").removeClass("active");
}

function Item3() {
    $(this).parent().toggleClass("active");
    $(this).next().toggleClass("open");
    $(this).next().next().toggleClass("open");
    $("div.index ul.navigation li.item1 h4").removeClass("open");
    $("div.index ul.navigation li.item2 h4").removeClass("open");
    $("div.index ul.navigation li.item4 h4").removeClass("open");
    $("div.index ul.navigation li.item1 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item2 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item4 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item1").removeClass("active");
    $("div.index ul.navigation li.item2").removeClass("active");
    $("div.index ul.navigation li.item4").removeClass("active");
}

function Item4() {
    $(this).parent().toggleClass("active");
    $(this).next().toggleClass("open");
    $(this).next().next().toggleClass("open");
    $("div.index ul.navigation li.item1 h4").removeClass("open");
    $("div.index ul.navigation li.item2 h4").removeClass("open");
    $("div.index ul.navigation li.item3 h4").removeClass("open");
    $("div.index ul.navigation li.item1 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item2 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item3 ul.subnavigation").removeClass("open");
    $("div.index ul.navigation li.item1").removeClass("active");
    $("div.index ul.navigation li.item2").removeClass("active");
    $("div.index ul.navigation li.item3").removeClass("active");
}