<a data-id="id" onclick="toggle" ><a>function toggle (e) {
var id = e.currentTarget.dataset.id;
var block = document.querySelector('#' + id);
block.style.display = block.style.display === 'none' ? 'block' : 'none';
}<a> тот паддинг, который хотите видеть, а у li уберите вовсе
<br class="br">.br { display: none }
@media only screen and (max-width: 479px) {
.br {display: inline }
}