点击内容块切换实现
纯html、js实现点击切换功能
实现，点击上方按钮，下面内容进行切换展示。
<div id="os-menu">
<button type="button" class="success" data-name="vps-linux">Linux</button>
<button type="button" data-name="vps-windows" class="">Windows</button>
</div>
<section id="vps-linux">
linux
</section>
<section id="vps-windows" style="display: none;">
window
</section>
<script>
$(document).on('click','#os-menu button',function() {
$("#os-menu button").removeClass("success");
var button_name = $(this).data("name");
if( button_name == 'vps-linux'){
$("#vps-linux").show();
$("#vps-windows").hide();
$("#os-menu button[data-name='vps-linux']").addClass("success");
}else{
$("#vps-linux").hide();
$("#vps-windows").show();
$("#os-menu button[data-name='vps-windows']").addClass("success");
}
});
</script>