Скрыть div элемента HTML

Question

<div class="checkbox"><input value="Yes" name="beta_interest" class="checkbox-input" id="beta_interest" type="checkbox"> <label for="beta_interest" class="checkbox-label icon-checkmark">Are you interested in joining program?</label></div> 
<div class="checkbox"><input value="Yes" name="opt_in" class="checkbox-input" id="opt_in" type="checkbox"> <label for="opt_in" class="checkbox-label icon-checkmark">Yes, I’m interested in receiving announcements</label></div> 

Мне нужно скрыть или показать второй div на основе некоторого выпадающего списка. Как скрыть или показать?

Answer 1

Этот вопрос ужасно сформулирован, но вы должны использовать расширение .hide(). Просто используйте $('elementIdentifier').hide();

Answer 2

Добавьте к этому свойству стиля div:

style=display:none;

и показать div: функция изменения

style=display:inline;

Answer 3

Используйте на раскрывающемся меню, а затем скрыть ваш div в зависимости состояние.

$(document).ready(function() { 
 
    $('#divChanger').change(function() { 
 
    var value = $("#divChanger").val(); 
 
    if (value == 1) { 
 
     $("#first").hide(); 
 
    } 
 
    if (value == 2) { 
 
     $("#second").hide(); 
 
    } 
 
    }) 
 
})

<select id="divChanger"> 
 
    <option vlaue="">Select here</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
</select> 
 
<div id="first"> 
 
    <h1> 
 
I am First Div 
 
</h1> 
 
</div> 
 
<div id="second"> 
 
    <h1> 
 
I am second div 
 
</h1> 
 
</div> 
 
</div> 
 
</div>

Вот fiddle, например.