and break the loop:*/ shouldSwitch = true; break; } } if (shouldSwitch) { /*If a switch has been marked, make the switch and mark the switch as done:*/ b[i].parentNode.insertBefore(b[i + 1], b[i]); switching = true; } } $(".box").css({"display":"block"}); } function sortList2() { var list, i, switching, b, shouldSwitch; list = document.getElementById("id01"); switching = true; /*Make a loop that will continue until no switching has been done:*/ while (switching) { //start by saying: no switching is done: switching = false; b = list.getElementsByClassName("box"); //Loop through all list-items: for (i = 0; i < (b.length - 1); i++) { //start by saying there should be no switching: shouldSwitch = false; /*check if the next item should switch place with the current item:*/ if (b[i].innerHTML.toLowerCase() < b[i + 1].innerHTML.toLowerCase()) { /*if next item is alphabetically lower than current item, mark as a switch and break the loop:*/ shouldSwitch = true; break; } } if (shouldSwitch) { /*If a switch has been marked, make the switch and mark the switch as done:*/ b[i].parentNode.insertBefore(b[i + 1], b[i]); switching = true; } } $(".box").css({"display":"block"}); } /*maester function*/ function orderbycatg(catgname) { // body... //marico el que lo lea $(".box").css({"display":"none"}); $(' .'+catgname).css({"display":"block"}); //example $("p").css({"background-color": "yellow"}); } function updateChar() { var zone = document.getElementById("zoneSelect"); switch(zone.value){ case 'zone1': sortList(); break; case 'zone2': sortList2(); break; case 'beer': orderbycatg("beer"); break; case 'food': orderbycatg("food"); break; case 'liquors': orderbycatg("liquors"); break; case 'pharmaceutics': orderbycatg("pharmaceutics"); break; case 'beverages': orderbycatg("beverages"); break; } $('#beer').on('click',function(){ orderbycatg("beer"); } ); $('#food').on('click',function(){ orderbycatg("food"); } ); $('#beverages').on('click',function(){ orderbycatg("beverages"); } ); $('#liquors').on('click',function(){ orderbycatg("liquors"); } ); $('#pharma').on('click',function(){ orderbycatg("pharmaceutics"); } ); } var urlParam = function(name, w){ w = w || window; var rx = new RegExp('[\&|\?]'+name+'=([^\&\#]+)'), val = w.location.search.match(rx); return !val ? '':val[1]; } var catg = urlParam('catg'); switch(catg){ case 'liquors': orderbycatg("liquors"); break; case 'food': orderbycatg("food"); break; case 'beverages': orderbycatg("beverages"); break; case 'pharmaceutics': orderbycatg("pharmaceutics"); break; case 'beer': orderbycatg("beer"); break; }