Hide div of an HTML element [duplicate]

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>

I need to hide or show the second div based on some dropdown condition. How do I hide or show?

You may also be interested in stackoverflow.com/questions/35622147/hide-a-div-with-css-only The demo on that one shows how to do it with a checkbox as well. — BSMP
– BSMP, Commented May 9, 2016 at 19:51

TechnicalTophat · Accepted Answer · 2016-05-09 19:43:58Z

0

This question is horribly worded, but you're answer is to use the .hide() extension. Just use $('elementIdentifier').hide();

answered May 9, 2016 at 19:43

TechnicalTophat

1,7452 gold badges15 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user3276594 Over a year ago

This does not seem to work

TechnicalTophat Over a year ago

@user3276594 do you have JQuery added?

user3276594 Over a year ago

Yes i have added the jquery libarary and it loads fine.I need to hide the div of the input element which has id="opt_in"

TechnicalTophat Over a year ago

Then use an id identifier for opt_in ($('#opt_in').hide();)

shim · Accepted Answer · 2016-05-09 19:51:35Z

0

Add this to the style property of the div:

style=display:none;

and to show the div:

style=display:inline;

edited May 9, 2016 at 19:51

shim

10.3k13 gold badges79 silver badges121 bronze badges

answered May 9, 2016 at 19:44

Luis Molina

32 bronze badges

Comments

Shreeraj Karki · Accepted Answer · 2016-05-09 20:05:27Z

Use change function on dropdown and then hide your div according to condition.

$(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>

Here's the fiddle for example.

Collectives™ on Stack Overflow

Hide div of an HTML element [duplicate]

3 Answers 3

4 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Linked

Related