mirror of
https://github.com/jcreek/phldnhack.git
synced 2026-07-13 02:53:44 +00:00
Added the SCSS Materialize files
This commit is contained in:
@@ -0,0 +1,61 @@
|
||||
(function ($) {
|
||||
$(document).ready(function() {
|
||||
|
||||
// jQuery reverse
|
||||
$.fn.reverse = [].reverse;
|
||||
|
||||
$(document).on('mouseenter.fixedActionBtn', '.fixed-action-btn', function(e) {
|
||||
var $this = $(this);
|
||||
openFABMenu($this);
|
||||
|
||||
});
|
||||
|
||||
$(document).on('mouseleave.fixedActionBtn', '.fixed-action-btn', function(e) {
|
||||
var $this = $(this);
|
||||
closeFABMenu($this);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$.fn.extend({
|
||||
openFAB: function() {
|
||||
var $this = $(this);
|
||||
openFABMenu($this);
|
||||
},
|
||||
closeFAB: function() {
|
||||
closeFABMenu($this);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
var openFABMenu = function (btn) {
|
||||
$this = btn;
|
||||
if ($this.hasClass('active') === false) {
|
||||
$this.addClass('active');
|
||||
$this.find('ul .btn-floating').velocity(
|
||||
{ scaleY: ".4", scaleX: ".4", translateY: "40px"},
|
||||
{ duration: 0 });
|
||||
|
||||
var time = 0;
|
||||
$this.find('ul .btn-floating').reverse().each(function () {
|
||||
$(this).velocity(
|
||||
{ opacity: "1", scaleX: "1", scaleY: "1", translateY: "0"},
|
||||
{ duration: 80, delay: time });
|
||||
time += 40;
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var closeFABMenu = function (btn) {
|
||||
$this = btn;
|
||||
$this.removeClass('active');
|
||||
var time = 0;
|
||||
$this.find('ul .btn-floating').velocity("stop", true);
|
||||
$this.find('ul .btn-floating').velocity(
|
||||
{ opacity: "0", scaleX: ".4", scaleY: ".4", translateY: "40px"},
|
||||
{ duration: 80 }
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
}( jQuery ));
|
||||
Reference in New Issue
Block a user