ocultar o campo de texto e exibir a mensagem para verificação de entrega

Question

por favor visite este link: http://hotwheelstoys.in/mobileapp2/funny-pets-wonder-teddy-1802.html

existe a opção de inserir o CEP e verificar se existe

"entrega disponível ou não para esse CEP".

assim que inserirmos o CEP e clicarmos no botão "verificar", ele será exibido

a mensagem específica abaixo do campo de texto.

mas depois que inserimos o código PIN e clicamos no botão "verificar", quero ocultar o campo de texto e exibir a mensagem como

: http://www.flipkart.com/peacock-basic-architect/p/itmdzdt44rzemzjf?pid=BLCDCYYHKPY9UVMG&ref=L%3A7578364719676933414&srno=p_1&query=peacock&otracker=from-search

estamos usando este código: http://pastebin.com/t6y6vyQe

por favor me ajude a encontrar uma solução

desde já, obrigado

Answer 1

A primeira coisa que você precisa fazer é ocultar o bloco do CEP de entrega.Portanto, na função de sucesso do AJAX, você deve escrever o código para ocultar o div

$('block_info').hide();

antes desse uso <div id="delivery-html"> e <div id="delivery-message"> fora do <div id="block_info">

Agora, se o cliente quiser alterar o zipcode

Então adicione o <a> depois de <div id="delivery-html"> e use o script abaixo

Event.observe('delivery-pincode-change', 'click', function(event){
         $('block_info').show();
         $('delivery-message').hide();               
         $('delivery-html').hide();
});

Você pode usar este código