//ladda detta jquery har initierats
$(window).load(function(){

  //om du klickar på något html element som innehåller <vadsomhelst data-toggle="ett-id-namn-ellerclassnamn" />
  // händer detta
  $("[data-toggle]").click(function() {

    //när du klickat på det häntar den "ett-id-namn-ellerclassnamn" och söker efter det
    var toggle_el = $(this).data("toggle");

    // och lägger till/tar bort klassen "toggle" beroende på om den finns där sedan tidigare eller inte
    $(toggle_el).toggleClass("open-sidebar");

  });
   // detta betyder att om du swipear över elementet med klassen "swipe-area-left" så ska
   nedanstående hända
   $(".swipe-area-left").swipe({
        swipeStatus:function(event, phase, direction, distance, duration, fingers)
            {

                //om man swipear till vänster så lägger man till klassen "open-sidebar" på ett
                element med klassen "container"

                if (phase=="move" && direction =="right") {
                     $(".container").addClass("open-sidebar");
                     return false;
                }

                //om man swipear till höger så tar man bort klassen "open-sidebar" på ett
                element med klassen "container"

                if (phase=="move" && direction =="left") {
                     $(".container").removeClass("open-sidebar");
                     return false;
                }
            }
    });
});