Bootstrap Snippet toogle menu via javascript using HTML CSS Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
    <div class="row">
        <h3 id="click" onClick=javascript:myFunction(); ><i class="fa fa-bars"></i> Menu</h3>
        <ul id="navigation">
            <li id="tab_home_page">
                <a title="Home" href="/">Home</a>       
            </li>
        </ul>
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
#navigation{display:none;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function myFunction() {
var status=document.getElementById("navigation").style.display;
if(status=="none" || status=="")
{
    document.getElementById("navigation").style.display= "block";
}
else
{
 document.getElementById("navigation").style.display= "none";
}
}
</script>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"toogle menu via javascript"
Bootstrap 3.3.0 Snippet by quaisar

Related: See More

Questions / Comments:

"toogle menu via javascript" Bootstrap 3.3.0 Snippet by quaisar

Related: See More

Questions / Comments:

"toogle menu via javascript"
Bootstrap 3.3.0 Snippet by quaisar