jquery visibility depending on existence of other div

(use display:none)

by Roberto Apasajja

HTML

<div id="prodinf">
    <div id="avail" style="float:left">
        <b>Ready Stock:</b> Yes available in stock
    </div>
    <div id="unavail" style="float:left; display:none">
        <b>Ready Stock:</b> Not available. It will available in 1 week
    </div>
</div>

<input disabled="disabled" type="submit" id="edit-submit" name="op" value="Product not available" class="form-submit form-button-disabled" />

JavaScript

if($('.form-button-disabled').length > 0) {
    $('#avail').hide();
    $('#unavail').show();
}