Update

accgit · accgit · commit 6e7495d8b654 · 2017-01-20T07:29:36.000+01:00
diff --git a/src/css/style.dropdown.css b/src/css/style.dropdown.css
@@ -13,10 +13,6 @@ body {
          font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
 }
 
-.content {
-    padding: 50px;
-}
-
 /*
     dropdown menu
 */
@@ -26,51 +22,50 @@ body {
 }
 
 .dropdown p { margin: 0; }
-.dropdown .toggle { text-decoration: none; }
-
-.dropdown .click {
+.dropdown .employ-toggle { text-decoration: none; }
+.dropdown .employ-toggle.click {
     border-radius: 30px;
         font-size: 14px;
           padding: 2px 12px;
             color: #2d2d2d;
 }
 
-.dropdown .click:hover {
+.dropdown .employ-toggle.click:hover {
     background-color: #d9d9d9;
 }
 
-.dropdown ul.expand {
+.dropdown ul.expand-dropdown {
     list-style: none;
     margin-top: 5px;
       position: absolute;
        display: none;
 	   top: 100%;
 }
 
-.dropdown ul.expand li {
+.dropdown ul.expand-dropdown li {
     min-width: 110px;
        margin: 0;
 }
 
-.dropdown ul.expand li a.top {
+.dropdown ul.expand-dropdown li a.top {
     border-top-right-radius: 3px;
      border-top-left-radius: 3px;
 }
 
-.dropdown ul.expand li a.bottom {
+.dropdown ul.expand-dropdown li a.bottom {
     border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
 }
 
-.dropdown ul.expand li a {
+.dropdown ul.expand-dropdown li a {
     background-color: #484848;
      text-decoration: none;
              display: block;
              padding: 5px 10px;
 	       color: white;
 }
 
-.dropdown ul.expand li a:hover {
+.dropdown ul.expand-dropdown li a:hover {
     background-color: #333;
                color: white;
 }
diff --git a/src/index.html b/src/index.html
@@ -9,24 +9,22 @@
 
 	<!-- CSS styles -->
 	<link rel="stylesheet" href="css/style.dropdown.css">
-
 </head>
-
-	<!-- content -->
-	<div class="content">
+<body>
+	<div class="wrapping" style="padding: 25px;">
 
 		<!-- dropdown menu -->
 		<div class="dropdown">
 
-			<!-- menu icon -->
+			<!-- dropdown menu click -->
 			<div class="clear">
-				<a class="toggle click float right" href="#">
+				<a class="employ-toggle click float right" href="#">
 					<i class="fa fa-ellipsis-v " aria-hidden="true"></i>
 				</a>
 			</div>
 
 			<!-- show or hide menu -->
-			<ul class="expand">
+			<ul class="expand-dropdown">
 				<li><a href="#" class="top">One</a></li>
 				<li><a href="#">Two</a></li>
 				<li><a href="#" class="bottom">Three</a></li>
diff --git a/src/js/jquery.dropdown.menu.js b/src/js/jquery.dropdown.menu.js
@@ -3,13 +3,13 @@
  * Dropdown toggle.
  */
 $(function() {
-	$('.toggle').click(function() {
-		$('.expand').toggle();
+	$('.employ-toggle').click(function() {
+		$('.expand-dropdown').toggle();
 	});
 	$(document).click(function(e) {
 		var target = e.target;
-		if (!$(target).is('.toggle') && !$(target).parents().is('.toggle')) {
-			$('.expand').hide();
+		if (!$(target).is('.employ-toggle') && !$(target).parents().is('.employ-toggle')) {
+			$('.expand-dropdown').hide();
 		}
 	});
 });
