.removeClass не работает в пределах .replaceWith

Question

Я пытаюсь создать кнопку, которая скроет конкретную, а затем заменит ее на другую. Однако, когда я тестирую код, все срабатывает корректно, за исключением .removeClass, который содержит «display: none».

Вот код:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var webform = document.getElementById('block-webform-client-block-18'); 
     var unmarriedbutton = document.getElementById('unmarried'); 
     var buyingblock = document.getElementById('block-block-10'); 

     $(unmarriedbutton).click(function() { 
      $(buyingblock).fadeOut('slow', function() { 
       $(this).replaceWith(function() { 
        $(webform).removeClass('hiddenbox') 
       }); 
      }); 
     }); 
    }); 
    </script> 

CSS-на 'hiddenbox' не более чем «дисплей: доли не имеет.

Существует с id незамужних, который при нажатии исчезает div и заменяет его на скрытый div, который удаляет класс, чтобы открыть его. Однако последняя часть не срабатывает - все остальное делает и . исправно Когда я смотрю на в консоли тоже, он не показывает никаких ошибок

может кто-то пожалуйста, скажите мне, где ошибка Спасибо

Edit:.?! Я могу использовать неправильную функцию, чтобы заменить DIV с, так вот вот сайт: http://drjohncurtis.com/happily-un-married. Если вы нажмете кнопку «загрузить книгу», div исчезнет и будет правильно заменен блоком div # block-webform-client-block-18. Однако он остается скрытым.

Answer 1

NB, используйте jquery!

var webform = $('#block-webform-client-block-18'); 
    var unmarriedbutton = $('#unmarried'); 
    var buyingblock =$('#block-block-10'); 
    unmarriedbutton.click(function() { 
     buyingblock.fadeOut('slow', function() { 
      $(this).replaceWith(webform.removeClass('hiddenbox')); 

     }); 
    }); 

Было слишком быстро, я считаю, что это так, как вы выберите объект (getelementbyid), то вы создаете объект JQuery из него ... -> Использование JQuery API

Answer 2

Функция вы передаете в ReplaceWith имеет для возврата содержимого, которое вы хотите заменить. Вы должны фактически вернуть контент.

Я не знаю точно, что вы пытаетесь достичь, но вы могли бы использовать это, если цель состоит в том, чтобы заменить его на WebForm объекта:

$(this).replaceWith(function() { 
     return($(webform).removeClass('hiddenbox')); 
});