Skip to content

Instantly share code, notes, and snippets.

@Daenks

Daenks/WhyNoWorky.html

Last active March 5, 2020 19:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Daenks/64a3cbb47c1d23206d68d1dd3b83db4c to your computer and use it in GitHub Desktop.
Save Daenks/64a3cbb47c1d23206d68d1dd3b83db4c to your computer and use it in GitHub Desktop.
Download ZIP
I'm doing a dumb somehow. Help me find it.
Raw
WhyNoWorky.html
<HTML>
<HEAD>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.4/dist/semantic.min.css">
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.8.4/dist/semantic.min.js"></script>
<TITLE>A Test of the Template Broadcasting System</TITLE>
</HEAD>
<BODY>
<div class="ui two column doubling stackable grid container">
<div class="column">
<div class="ui secondary vertical menu">
<a class="active item">
Subscribers
</a>
<a class="item">
Settings
</a>
<div class="ui dropdown item">
<i class="dropdown icon"></i>
Unused Menu
<div class="menu">
<div class="header">Text Size</div>
<a class="item">A</a>
<a class="item">B</a>
<a class="item">C</a>
</div>
</div>
</div>
</div>
<div class="column">
<p>3</p>
<p>4</p>
</div>
</div>
</BODY>
</HTML>
Raw
WorksWithThis.JS
<script>
$(document)
.ready(function() {
$('.ui.menu .ui.dropdown').dropdown({
on: 'hover'
});
$('.ui.menu a.item')
.on('click', function() {
$(this)
.addClass('active')
.siblings()
.removeClass('active')
;
})
;
})
;
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment