jQuery Plugin To Reveal Hidden Content with CSS3 Transitions - Menumucil

File Size: Unknown
Views Total: 832
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Reveal Hidden Content with CSS3 Transitions - Menumucil

Menumucil is a jQuery plugin that reveals the hidden html content with a CSS3 based transition effect as a drop down.

How to use it:

1. Include the necessary CSS and javascript in the html document.

<link rel="stylesheet" href="css/menumucil.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

2. Create menumucil container.

<div class="menumucil">
<p>Your content goes here.</p>
</div>

3. Call the plugin.

<script type="text/javascript">
$(document).ready( function() {
$( '.menumucil' ).menumucil();
});
</script>

4. Available options.

<script type="text/javascript">
$(document).ready( function() {
$( '.menumucil' ).menumucil({
closed: "&#9660;",
open: "&#9650;",
button_classes: null,
up: false,
cover: false // Cover mode
});
});
</script>

This awesome jQuery plugin is developed by caesarfeta. For more Advanced Usages, please check the demo page or visit the official website.