first additions for a pop down menu, rather than the new one at the top

This commit is contained in:
Jacob Haddon
2020-11-18 16:59:23 -05:00
parent c6ef6cc3ff
commit 97cf9cb1a0
3 changed files with 182 additions and 63 deletions

View File

@ -33,6 +33,22 @@
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="<?php echo get_template_directory_uri(); ?>/css/noscript.css" /></noscript>
-->
<style>#panel {
padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;
}
#panel {
/* padding: 50px; */
display: none;
}
</style>
<title><?php
/*
* Print the <title> tag based on what is being viewed.
@ -59,6 +75,14 @@
<?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?>
<?php wp_head();?>
<script>
jQuery(document).ready(function(){
jQuery("#flip").click(function(){
jQuery("#panel").slideToggle();
});
});
</script>
</head>
<body <?php body_class(); ?>>
@ -73,5 +97,24 @@
</<?php echo $heading_tag; ?>>
<div id="site-description"><?php bloginfo( 'description' ); ?></div>
</div><!--#header-->
<div id="flip">Click to slide down panel</div>
<div id="panel">
<?php wp_nav_menu( array( 'container_class' => 'melville_header_menu', 'theme_location' => 'header-menu' ) ); ?>
Hello world!Top References
<ul>
<li>HTML Reference</li>
<li>CSS Reference</li>
<li>JavaScript Reference</li>
<li>SQL Reference</li>
<li>Python Reference</li>
<li>W3.CSS Reference</li>
<li>Bootstrap Reference</li>
<li>PHP Reference</li>
<li>HTML Colors</li>
<li>Java Reference</li>
<li>Angular Reference</li>
<li>jQuery Reference</li>
</ul>
</div>
<div id="content">