Cara buat submenu dropdown tetap muncul setelah diklik pada bootstrap

Assalamu'alaikum wr wb,
Kali ini saya akan share bagaimaana Cara buat submenu dropdown tetap muncul setelah diklik pada bootstrap.
Berikut ini syntaxnya.
-----------------------------------------------------
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>



    <div class="dropdown keep-open">
        <!-- Dropdown Button -->
        <button id="dLabel" role="button" href="#" data-toggle="dropdown" data-target="#" class="btn btn-primary">
            PANGERAN IT <span class="caret"></span>
        </button>
   
        <!-- Dropdown Menu -->
        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
            <li><a href="#">Syawaluddin</a></li>
            <li><a href="#">Amin</a></li>
            <li><a href="#">S, Kom</a></li>
        </ul>
    </div>


<script type="text/javascript">
    $('.keep-open').on({
        "shown.bs.dropdown": function() { $(this).attr('closable', false); },
        "click":             function() { },
        "hide.bs.dropdown":  function() { return $(this).attr('closable') == 'true'; }
    });

    $('.keep-open #dLabel').on({
      "click": function() {
        $(this).parent().attr('closable', true );
      }
    })
</script>
-----------------------------------------------------
Semoga bermanfaat.
http://pangeran-it.blogspot.co.id/