Hide checkout button until shipping option is chosen?
<p>I am using simpleCart js. I would like to have the checkout button and shipping cost hidden until the customer selects UK or Rest of World. Here is the select block:</p>

<pre><code>&lt;select id="shippingSelect" onchange="simpleCart.update();"&gt;
 &lt;option value="nothing" selected="selected"&gt;Choose Shipping Location&lt;/option&gt;
 &lt;option value="uk"&gt;UK&lt;/option&gt;
 &lt;option value="world"&gt;Rest of World&lt;/option&gt;
&lt;/select&gt; 
</code></pre>

<p>Under that is the shipping cost and checkout button:</p>

<pre><code>&lt;div class="place_order" style="display:none"&gt;
 &lt;span id="simpleCart_shipping" class="simpleCart_shipping"&gt;&lt;/span&gt;
 &lt;a href="javascript:;" class="simpleCart_checkout btnDownload"&gt;checkout&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>The simpleCart script that generates the cart:</p>

<pre><code>&lt;script&gt;
simpleCart({
    cartColumns: [
        { attr: "name" , label: "Item" },
        { view: "decrement" , label: false , text: "-" },
        { attr: "quantity", label: "Quantity", view: "input"},
        { view: "increment" , label: false , text: "+" },
        { attr: "price", label: "Price"},
        { attr: "total" , label: "Subtotal", view: "currency"  }
    ],
    cartStyle: "table",
    currency: "GBP",
    language: "english-us",
    checkout: { 
        type: "PayPal" , 
        email: "email@ddress",
        success: "success.html"
    },
    shippingCustom: function(){ 
                 if( $("#shippingSelect").val() == "uk" ){
                      return 0;
                 } else {
                      return 2;
             }
        }
    });


&lt;/script&gt;
</code></pre>

<p>I thought I could use <code>$('.place_order').css('display', 'inline');</code> to change the inline style but I don't know how to do it, whether to incorporate it into the simpleCart script or have it trigger a separate script? Perhaps there is a more efficient way? Thanks!</p>
