原生javascript的DOM操作，写demo时遇到了一个问题？

Question

这是我目前做的小demo，请问如何才能实现：
①点击li后，相同项只显示一个。比如我点击价格0-299，当我再点击300-600时，前面那个0-299去掉，只显示300-600；类别和品牌也同样，同一项只显示一个内容。
②如何排序，使得点击后，div显示的顺序始终是价格、类别、品牌

↓点击代码，可预览效果
https://jsfiddle.net/20170808...

本人刚学原生javascript，请不要说用JQuery