Выравнивание текста на Javascript меню

Question

У меня есть следующая страница:

http://outsource-plus.co.uk/test2.html

который содержит мгновенный ценовой сценарий. В сводном разделе мне хотелось бы, чтобы заголовок «игрушки» удалялся, если в поле списка выбрано значение null() и хотелось бы номеров, которые будут перемещены на его место, так как мне не нужно было бы игрушек, если значение списка остается пустым.

У меня есть следующий сценарий Резюме: раздел:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
<script type="text/javascript" src="/lib/bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="/lib/ui-spinner/ui.spinner.min.js"></script> 
<script type="text/javascript" src="/js/jquery-price-calculator-pro.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    var form = $('#jquery-order-form'); 

    form.jPrice({ 
     "floatSub": true, 
     "showPricesOption": true, 
     "itemize": true, 
     "showZeroAs": "false", 
     "subAlign": "right", 
     "decimalSep": ".", 
     "pricesFadeTime": "", 
     "emptySummaryText": "<p>Please configure your order...<\/p>", 
     "showPrices": true, 
     "signBefore": "$", 
     "signAfter": " AUD", 
    "items": { 
     "f_1": "toys ", 
     "f_2": "numbers", 
     "f_2[]": "Checkbox Group", 
     "f_3": "Slider", 
     "f_4": "Spinner", 
     "f_5": "Drop Down List", 
     "f_6[]": "MultiSelect", 
     "f_7": "Single Line Text", 
     "f_8": "Multiline Text", 
     "f_9": "File", 
     "q_1": "Quantity" 
    } 
} 
); 

/* disable form submission */ 
form.on('submit', function(event){ 
    event.preventDefault(); 
    var modal = $('<div class="modal hide fade" id="add-options-modal"><div class="modal-header"><a class="close" data-dismiss="modal">&times;</a>   <h2>Oops! Form Submission Disabled</h2></div><div class="modal-body"><p>jQuery Price Calculator Pro is designed to be added on top of an existing order form, and it does not include form submission functionality. If you require submit via email functionality, it is worth looking at <a href="http://codecanyon.net/item/jquery-order-form-builder/485086?ref=BenMartinStudios">jQuery Order Form Builder</a>, which creates fully functional orders forms, and includes jQuery Price Calculator Pro.</p></div><div class="modal-footer">   <a href="#" data-dismiss="modal" class="btn btn-primary add">Okay</a></div></div>'); 
    modal.appendTo("body"); 
    modal.modal(); 
}); 
}); 
</script> 

Пожалуйста, дайте мне знать, если какие-либо другие фрагменты кода необходим для просмотра.

Answer 1

Это немного рудиментарные, но вы должны получить начал:

$('select#f_1').on('change', function() { 
    if ($(this).val() == '') { 
     $('.itemized-summary .line-item').first().slideUp(); 
    } else { 
     $('.itemized-summary .line-item').first().slideDown(); 
    } 
}); 

Вы хотите улучшить свой селектор, так что это не так хрупки при выборе правильного экземпляра .line-item.