Question

I’m trying to do something similar to http://www.wanderfly.com .
Basically the end goal is to have the divs in my page act like a checkbox, so at the end
when a submit button is clicked the user will be transferred to something like:

mysite.co.uk/City=1|4|5|9

So in this example the user clicked on divs number 1,4,5 & 9. if he would have clicked div
4 again then he would’ve been passed to:

mysite.co.uk/City=1|5|9

I hope i’m clear, please help me with a right direction on how to handle this and if JQuery has
already a library for something of this sort.

Answer 1

$('div').bind('click', function() {
    if($(this).hasClass('selected')) {
       $(this).removeClass('selected');
    } else {
        $(this).addClass('selected');
    }
});

$('#button').bind('click', function() {
    var newURL = 'http://mysite.co.uk/City=';
    $('div.selected').each(function() {
        newURL= newURL+$(this).attr('id')+'|';
    });
    alert(newURL);
});

example