Question

I have a div with two classes:

<div class="content pager" style="width: 1156px; float: left; list-style: none outside none;"></div>

I want to change the element style with jQuery:

$(".content pager").width(0);  //Change the element style width 

but it doesn’t work. What is wrong in it?

Answer 1

Try this:

$(".content.pager").width(0);

Check jQuery’s Class Selector.

width(0) will not hide its content. You need to hide it. Instead of width(0). So, you can try this:

$(".content.pager").hide(0); // Will hide the div and free its space.
$(".content.pager").css('visibility', 'hidden'); // Will hide the div and take space belongs to it.