Question

I wrote follwing jquery code for slider toggle box. When i execute it, jquery saying missing : after property id.

function toggleBox(){
     $(".toggleLink").toggle(                                         
           function() {
                $(this).parent('.toggleBoxContainer').find('.toggleBox').slideUp('slow');
                var SlideStatus = $(this).parent('.toggleBoxContainer').find('.hiddenFilterID').text(); 
                $.get(window.location ,{ $(this).parent('.toggleBoxContainer').find('.hiddenFilterID').text() : SlideStatus} );
                console.log($(this).parent('.toggleBoxContainer').find('.hiddenFilterID').text()); 
                }, function() {
                $(this).parent('.toggleBoxContainer').find('.toggleBox').slideDown('slow');
                $.get(window.location ,{ SlideStatus : null } );
             });  
}

Where i am doing wrong. Help will be greatly apprciated

Answer 1

Use the associative array notation for objects if you want dynamic key names

var myobject = {};
myobject[SlideStatus] = SlideStatus;
$.get(window.location, myobject);