javascript - Having Issue On Bootstrap 3 SlideDown() hidden Element -


can please take @ this demo , let me know why change() function not able slidedown() hidden element in bootstrap 3?

here code have

$(function() {     $('input:radio').change(function() {         if($(this).val()== 'dog') {             $('#hidden-list-1').slidedown();         }         if($(this).val()== 'bird'){             $('#hidden-list-2').slidedown();           }     }); }); 

as other answers have mentioned issue boostrap has style

.hidden{   display: none !important; } 

one way solve removing hidden class.

$('#hidden-list-1').hide().removeclass('hidden').slidedown(); 

here demo https://jsfiddle.net/dhirajbodicherla/zzdl5jp7/3/


Comments

Popular posts from this blog

android - questions about switching from C2DM to GCM -

c++ - Qt setGeometry: Unable to set geometry -

batch file - How to extract all multi-volume RAR archives from subfolders of a folder? -