[英]Bootstrap 4: Standalone collapse js for responsive navbar
删除所有jQuery和bootstrap javascript,并添加以下内容:
<script type="text/javascript">
const triggers = Array.from(document.querySelectorAll('[data-toggle="collapse"]'));
triggers.forEach(elem => {
elem.addEventListener('click', event => {
const selector = elem.getAttribute('data-target');
collapse(selector, 'toggle');
});
});
const fnmap = {
'toggle': 'toggle',
'show': 'add',
'hide': 'remove'
};
const collapse = (selector, cmd) => {
const targets = Array.from(document.querySelectorAll(selector));
targets.forEach(target => {
target.classList[fnmap[cmd]]('show');
});
};
</script>
灵感来自https://medium.com/dailyjs/mimicking-bootstraps-collapse-with-vanilla-javascript-b3bb389040e7
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.