siro && js 控制div显示隐藏

<script>var isVisitor = true;</script>
  <shiro:hasPermission name="index:div1">
    <script>isVisitor = false;</script>
    <div id="div1">11111111111</div>
</shiro:hasPermission>

<shiro:hasPermission name="index:div2">
  <script>isVisitor = false;</script>
  <div id="div2">22222222222</div>
</shiro:hasPermission>

<shiro:notAuthenticated>
  <script>isVisitor = false;</script>
  <div id="div4">444444444444</div>
</shiro:notAuthenticated>

<div id="div3" style="display: none;">3333333333</div>
<script>
  if (isVisitor) {
    $("#div3").show();
  }
</script>

        <shiro:hasPermission name="index:div1">
            <div id="div1">11111111111</div>
        </shiro:hasPermission>

        <shiro:hasPermission name="index:div2">
            <div id="div2">22222222222</div>
        </shiro:hasPermission>

        <shiro:hasPermission name="index:div3">
            <div id="div3">33333333333</div>
        </shiro:hasPermission>

        <shiro:hasPermission name="index:div4">
            <div id="div4">44444444444</div>
        </shiro:hasPermission>

        <shiro:hasPermission name="index:div5">
            <div id="div5">55555555555</div>
        </shiro:hasPermission>

        <shiro:authenticated>
            <shiro:lacksPermission name="index:div1 or index:div2 or index:div3 or index:div4 or index:div5">
                <div id="div-lacks-permission">666666666666666</div>
            </shiro:lacksPermission>
        </shiro:authenticated>

        <shiro:notAuthenticated>
            <div id="div-visitor">77777777777777777</div>
        </shiro:notAuthenticated>