$ajax this,javascript - Ajax (this) not working - Stack Overflow

When attempting to access the '.box' class of the $container, using (this) inside of the ajax call doesn't work.

$container.on(

"click",

".box",

function(event){

var description;

if($(this)[0].style.width == '70%'){

$(this).find(".resultData").fadeOut('slow');

$(this).css('width', '18%');

}else{

$.ajax({

url:'scripts/php/fetchResultsData.php',

data: {action:value},

type: 'post',

dataType: 'json',

success: function(data){

description = data[0];

$(this).css('width', '70%');

$(this).append("\

\

" + $(this).find("p").html() + "

\

" + description +"

\

");

/*alert($(this).find("p").html());*/

}

})

}

$container.masonry('reload');

}

);

In case it's not clear what I'm trying to do, I'm attempting to change the css of dynamic elements. But for example,

$(this).css('width','70%');

Isn't adjusting the css at all. If I move it outside the ajax,success section, it works, but then I'm unable to get 'description'.