Hide div when bootstrap toggle active

Question

I want to hide a div, when bootstrap toggle div is active:

if($('data-toggle').is('collapse')){
    $("#Div1").hide();
} else{
    $("#Div1").show();
}

`is('collapse')` checks the _tagName_ of the element! Also what should `$('data-toggle')` select? — undefined, Jul 29 '16 at 11:53
Take a look at this question http://stackoverflow.com/questions/178325/how-to-check-if-an-element-is-hidden-in-jquery — Stijn Westerhof, Jul 29 '16 at 11:57
http://kunal.theanalyticshop.com/startf/add_product_type.html Please Open in Device and you will see problem in overlapping menu — Ajay Bijlani, Jul 29 '16 at 11:59
you have the checkboxes all mixed up, i don't think you are selecting the elements based on the clicked element — madalinivascu, Jul 29 '16 at 12:07

score 0 · Answer 1 · answered Jul 29 '16 at 11:57

0

First you need to select via css selector using $('.class') , then check if it has the specified class.

if($('.toggle').hasClass('off')){
    $("#Div1").hide();
}
else{
    $("#Div1").show();
}

answered Jul 29 '16 at 11:57

Demeter Dimitri

1 Answers1