Блог

 <div class="contentBlockOne">
        <span class="moreButton">More</span>
        <br />Each block will have an article summary in it.</div>
  

Я хочу увеличить ширину «Div» при щелчке «Span» с помощью следующего jQuery (я не потрудился включить часть else):

             var currentWidth = $('.moreButton').parent().width();               
            $('.moreButton').click(function () {
                if ($(this).parent().width == currentWidth) {
                    $(this).parent().animate({ width: '98%' }, 800);                        
                    $(this).text('Less');
                }
  

В моей голове переменная «currentWidth» должна совпадать с родительской шириной. Но при отладке код ничего не делает. Я полагаю, это потому, что, по какой-либо причине, два значения ширины не совпадают.

Вы пропускаете скобки при .width() вызове. Изменение:

 if ($(this).parent().width == currentWidth) {
// to
if ($(this).parent().width() == currentWidth) {