diff --git a/src/main/html/index.html b/src/main/html/index.html
index adcda636..e5489b5e 100644
--- a/src/main/html/index.html
+++ b/src/main/html/index.html
@@ -74,7 +74,8 @@
         docExpansion: "none",
         jsonEditor: false,
         defaultModelRendering: 'schema',
-        showRequestHeaders: false
+        showRequestHeaders: false,
+        showOperationIds: false
       });
 
       window.swaggerUi.load();
diff --git a/src/main/javascript/view/OperationView.js b/src/main/javascript/view/OperationView.js
index f9fe52bf..4404a5cb 100644
--- a/src/main/javascript/view/OperationView.js
+++ b/src/main/javascript/view/OperationView.js
@@ -27,6 +27,10 @@ SwaggerUi.Views.OperationView = Backbone.View.extend({
       if (opts.swaggerOptions.showRequestHeaders) {
         this.model.showRequestHeaders = true;
       }
+
+      if (opts.swaggerOptions.showOperationIds) {
+        this.model.showOperationIds = true;
+      }
     }
     return this;
   },
diff --git a/src/main/less/specs.less b/src/main/less/specs.less
index 30bac33b..2e5a41be 100644
--- a/src/main/less/specs.less
+++ b/src/main/less/specs.less
@@ -708,6 +708,11 @@
                                                 padding: 0;
                                                 line-height: inherit;
                                             }
+                                            .nickname {
+                                                color: #aaaaaa;
+                                                padding: 0;
+                                                line-height: inherit;
+                                            }
                                         }
                                     }
                                 }
diff --git a/src/main/template/operation.handlebars b/src/main/template/operation.handlebars
index eb467571..03260019 100644
--- a/src/main/template/operation.handlebars
+++ b/src/main/template/operation.handlebars
@@ -10,6 +10,11 @@
           </span>
         </h3>
         <ul class='options'>
+          {{#if showOperationIds}}
+          <li>
+          <a href='#!/{{sanitize encodedParentId}}/{{sanitize nickname}}' class="toggleOperation"><span class="nickname">{{{escape nickname}}}()</span></a>
+          </li>
+          {{/if}}
           <li>
           <a href='#!/{{sanitize encodedParentId}}/{{sanitize nickname}}' class="toggleOperation"><span class="markdown">{{{escape summary}}}</span></a>
           </li>