test2

by robinparduez

HTML

<input type='text' id="full_day"/>
<input type='button' id="buttontest" value="Enter Zip Code"/>
<div id="zipMessage">
<div class="zipError">
No zipcode found.
</div>
<div class="zipPlantation zip33351">
<p>
Sorry, we cannot deliver to your location.
</p>
<p>
Please call (nnn) nnn-nnnn for alternative options.
</p>
</div>
<div class="zip33024 zip33331">
<button type="submit" name="add-to-cart" value="44915" class="single_add_to_cart_button button alt">Add to cart</button>
</div>
</div>

CSS

#zipMessage > div[class^=zip]
{
    display:none;
}

JavaScript

$(document).ready(function(){
  var zipCodes = ['Plantation'];
  $("#buttontest").click(function(){
   var zipIndex = zipCodes.indexOf(parseString($("#full_day").val()));
   $("#zipMessage > div").hide("fast");
   var zipClass = zipIndex > -1 ? zipCodes[zipIndex] : "Error";
   $(".zip"+zipClass).show("fast");
  });
});