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

php - Zend Framework / Skeleton-Application / Composer install issue -

c# - Better 64-bit byte array hash -

python - PyCharm Type error Message -