输入：checked〜div.submenu Android浏览器4.4.2

Question

以下代码不适用于Android浏览器版本。 4.4.2

HTML

<ul><li> 
     <input id="check-1" type="checkbox" name="menu"/> 
     <label for="check-1">☰</label> 
     <div class="submenu">content</div> 
    </li></ul> 

CSS

input:checked ~ div.submenu{ 
    min-height:200vh; 
    height:auto; 
    transition:max-height 0.5s ease-in; 
    z-index:9999; 
    background-color:#f4f4f4; 
} 

完整代码在这里https://jsfiddle.net/erickb/3tsbp752/ 感谢您的帮助

Answer 1

没有直接与CSS解决，jQuery的增加了对旧的浏览器

$(document).ready(function() { 
    $(document).on('change', 'input[id="check-menu"]', function (e) { 
    if($('#check-menu').prop('checked')) { 
     $('#submenu-main').addClass('old-show'); 
    } else { 
     $('#submenu-main').removeClass('old-show'); 
    } 
    }); 
});