Skip to content

Instantly share code, notes, and snippets.

@srobbin
Created March 19, 2013 17:02
Show Gist options
  • Select an option

  • Save srobbin/5197932 to your computer and use it in GitHub Desktop.

Select an option

Save srobbin/5197932 to your computer and use it in GitHub Desktop.

Revisions

  1. srobbin created this gist Mar 19, 2013.
    11 changes: 11 additions & 0 deletions index.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    <h2>Dropdown Menu</h2>
    <div class="dropdown">
    <a data-toggle="dropdown" href="#">Dropdown</a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
    </div>
    18 changes: 18 additions & 0 deletions script.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    // Clear the console
    console.clear();

    (function ($) {
    $.fn.dropdown = function () {
    return this.each(function () {
    var $self = $(this);

    $self.click(function () {
    $self.next(".dropdown-menu").toggle();
    return false;
    });
    });
    };

    $("[data-toggle='dropdown']").dropdown();

    })(jQuery);
    2 changes: 2 additions & 0 deletions style.scss
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    @import "compass";
    body { padding: 10px; }