New Menu Toggle?

I am trying to create an additional toggle menu. I have edited the header.php and style.css so that I have a genericon that appears and looks like it should work, but it doesn’t. When I click on it, nothing happens. I have created a new siderbar, “sidebar-homework”, and also tested just using “Lorum ipsum”. Here are my edits. What am I missing?

header.php

<?php if ( !cat_is_ancestor_of(1, $cat)):  ?>
					<div id="homework-toggle" class="toggle" title="<?php esc_attr_e( 'Homework', 'sorbet' ); ?>"><span class="screen-reader-text"><?php _e( 'Homework', 'sorbet' ); ?></span></div>
				<? endif; ?>

header.php

<?php if ( !cat_is_ancestor_of(1, $cat)):  ?>
		<div id="homework-toggle-nav" class="panel">
			Lorum Ipsum
		</div>
	<?php endif; ?>

style.css

.toggles #homework-toggle:before {
  line-height: 50px;
  background-color: #000;
  content: "\f444";
}

.panel#homework-toggle-nav {
  background: #eee;
  border-bottom: 5px solid #000;
}