### waslidemenu Callback and Configuration Examples

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

Shows how to use callback functions like 'afterSlide' and how to dynamically change configuration options such as 'slideSpeed' for the waslidemenu plugin.

```javascript
$('#proglanghi').on('click', function() {
  $('#proglang').waSlideMenu({
    afterSlide: function() {
      alert('Hi!');
    }
  });
});

$('#proglangslow').on('click', function() {
  $('#proglang').waSlideMenu('slideSpeed', 2000);
});
```

--------------------------------

### Basic Initialization with Selectors

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Provides an example of initializing the waSlideMenu plugin with custom selectors for menu containers and items. This allows the plugin to correctly identify and operate on the desired HTML structure.

```html
<nav id="menu">
    <div class="menu">
        <div class="item">
            <a href="#1">1</a>
            <div class="menu">
                <div class="item"><a href="#1.1">1.1</a></div>
                <div class="item"><a href="#1.2">1.2</a></div>
            </div>
        </div>
        <div class="item"><a href="#2">2</a></div>
        <div class="item"><a href="#3">3</a></div>        
    </div>
</nav>
<script>
    $"#menu".waSlideMenu({
        menuSelector : '.menu',
        itemSelector : '.item'
    });
</script>
```

--------------------------------

### Chaining Options and Callbacks

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Demonstrates how to chain multiple calls to waSlideMenu to set additional options and callbacks after the initial setup. This allows for dynamic configuration and adding behavior like slide speed and custom slide completion alerts.

```javascript
var slidemenu = $"#menu".waSlideMenu({});
slidemenu.waSlideMenu({
    slideSpeed : 3000, // veeeeeeeery smooooooth
    afterSlide : function(){
        alert('Yeah!!11 This was coooool smoooth sliiide!');
    }
});
```

--------------------------------

### Initialize with afterLoadDone Callback

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Demonstrates initializing the waSlideMenu plugin with a callback function that executes upon successful content loading. This is useful for performing actions after a resource has been fetched and displayed.

```javascript
$"#menu".waSlideMenu({
    afterLoadDone : function(){
        alert('Nice URL! 200 OK!');
    }
});
```

--------------------------------

### Initialize with afterLoadFail Callback

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Shows how to initialize the waSlideMenu plugin and specify a callback function to be executed when a content loading operation fails. This allows for handling errors or informing the user about failed requests.

```javascript
$"#menu".waSlideMenu({
    afterLoadFail : function(){
        alert('Bad URL :(');
    }
});
```

--------------------------------

### Initialize waslidemenu with Options

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

Initializes the waslidemenu plugin on a selected element with custom configuration options. It ensures jQuery is loaded before execution.

```javascript
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')

$('#slidemenu1').waSlideMenu({
  autoHeightMenu: true,
  scrollToTopSpeed: 200,
  onLatestClick: function(){
    alert('Last node ' + $(this).text() + ' selected')
  }
});
```

--------------------------------

### Configure waSlideMenu Options

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Demonstrates how to configure various options for the waSlideMenu plugin, such as slide speed, easing, backlink text, selection class, content loading behavior, and more.

```javascript
$('#menu').waSlideMenu({
    slideSpeed: 500
});
```

```javascript
$('#menu').waSlideMenu({
    slideEasing: 'linear'
});
```

```javascript
$('#menu').waSlideMenu({
    backLinkContent: 'Take me back, sir.'
});
```

```javascript
$('#menu').waSlideMenu({
    backOntTop: true
});
```

```javascript
$('#menu').waSlideMenu({
    selectedClass: 'selected-menu'
});
```

```javascript
$('#menu').waSlideMenu({
    loadContainer : '#content'
});
```

```javascript
$('#menu').waSlideMenu({
    minHeightMenu : 400
});
```

```javascript
$('#menu').waSlideMenu({
    autoHeightMenu : true
});
```

```javascript
$('#menu').waSlideMenu({
    excludeUri : ['/dont-load/', '#pleasedontloadme']
});
```

```javascript
$('#menu').waSlideMenu({
    loadOnlyLatest : true
});
```

```javascript
$('#menu').waSlideMenu({
    menuSelector : '.i-am-menu'
});
```

```javascript
$('#menu').waSlideMenu({
    itemSelector : '.i-am-menu-item'
});
```

```javascript
$('#menu').waSlideMenu({
    setTitle : true
});
```

```javascript
$('#menu').waSlideMenu({
    scrollToTopSpeed : 100
});
```

--------------------------------

### Include waSlideMenu CSS and JS Files

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Demonstrates how to link the necessary CSS and JavaScript files for the waSlideMenu plugin. Ensure jQuery (version 1.7 or later) is included before the plugin's script.

```html
<link rel="stylesheet" href="/path/to/waslidemenu.css">
```

```html
<script src="jquery.js" type="text/javascript"></script>
<script src="/path/to/jquery.waslidemenu.js" type="text/javascript"></script>
```

--------------------------------

### waslidemenu with Custom Selectors

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

Initializes the waslidemenu plugin with custom selectors for the menu container and list items, allowing for more flexible DOM structures.

```javascript
$('#learnjava').waSlideMenu({
  slideSpeed: 100,
  backOnTop: true,
  menuSelector: '.tocul',
  itemSelector: '.tocli'
});
```

--------------------------------

### waSlideMenu Callback Functions

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Details the available callback functions for the waSlideMenu plugin, allowing custom logic to be executed at various stages of the menu's lifecycle, such as initialization, sliding, content loading, and item clicks.

```APIDOC
waSlideMenu Callbacks:

  onInit: Function
    Description: Executes after the plugin has been fully initialized.
    Context: Plugin instance ('this').
    Example:
      $('#menu').waSlideMenu({
          onInit : function(){
              alert('Here I am!');
          }
      });

  onSlideForward: Function
    Description: Executes after sliding to a child submenu.
    Context: Plugin instance ('this').
    Example:
      $('#menu').waSlideMenu({
          onSlideForward : function(){
              alert('I slide forward (deeper)!');
          }
      });

  onSlideBack: Function
    Description: Executes after sliding back to a parent menu.
    Context: Plugin instance ('this').
    Example:
      $('#menu').waSlideMenu({
          onSlideBack : function(){
              alert('I slide back (bubling)!');
          }
      });

  afterSlide: Function
    Description: Executes after any slide animation is completed.
    Context: Plugin instance ('this').
    Example:
      $('#menu').waSlideMenu({
          afterSlide : function(){
              alert('Yep! I just slide!!');
          }
      });

  onLatestClick: Function
    Description: Executes when the last node element (a menu item without a submenu) is clicked.
    Context: The clicked menu item element.
    Example:
      $('#menu').waSlideMenu({
          onLatestClick : function(){
              alert('Last element clicked: ' + $(this).text());
          }
      });

  beforeLoad: Function
    Description: Executes just before content is loaded from a menu item's URL.
    Context: jQuery object of the loadContainer.
    Example:
      $('#menu').waSlideMenu({
          beforeLoad : function(){
              this.html('<img src="myloading.gif">');
          }
      });

  afterLoadAlways: Function
    Description: Executes after a URL content load operation has completed, regardless of success or failure.
    Context: Not explicitly defined, but typically related to the load operation.
    Example:
      $('#menu').waSlideMenu({
          afterLoadAlways : function(){
              alert('You URL request just completed!');
          }
      });
```

--------------------------------

### Prepare HTML Structure for waSlideMenu

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Shows the required nested unordered list (<ul>) structure for the waSlideMenu plugin. Each list item (<li>) can contain a link (<a>) and a nested submenu.

```html
<nav id="mymenu">
	<ul>
		<li>
			<a href="#1">Parent</a>
			<ul>
				<li>
                    <a href="#1.1">Child</a>
                    <ul>
                    	<li>
                    		<a href="#">We need to go deeper</a>
                        </li>
                    </ul>
                </li>
                <li><a href="#1.2">Child</a></li>
            </ul>
        </li>
        <li><a href="#2">Parent</a></li>
        <li><a href="#3">Parent</a></li>
    </ul>
</nav>
```

--------------------------------

### Binding to waSlideMenu Events

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Illustrates how to bind multiple event listeners to the waSlideMenu plugin for various lifecycle events. This includes initialization, successful/failed loads, general completion, and user interaction like clicking the latest node.

```javascript
$"#menu".on('onInit.waSlideMenu', function(){
    alert('After INIT waSlideMenu Event');
}).on('afterLoadDone.waSlideMenu', function(){
    alert('After URL load success Event');
}).on('afterLoadFail.waSlideMenu', function(){
    alert('After URL load fails Event');
}).on('afterLoadAlways.waSlideMenu', function(){
    alert('After URL request completed Event');
}).on('onLatestClick.waSlideMenu', function(){
    alert('On last node element click Event');
});
```

--------------------------------

### Global Surfing Spot Atlas Menu Structure

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

This snippet represents a hierarchical menu structure for a global surfing spot atlas, organized by ocean and region. It uses an unordered list (UL) and list item (LI) format, commonly found in HTML or similar markup languages.

```html
UL LI menu
----------

### Global Surfing Spot Atlas

*   [Pacific Ocean](#)
    *   [Hawaii](#)
        *   [Oahu](#)
            *   [Sandy Beach](#)
            *   [Banzai Pipeline](#)
            *   [Waimea Bay](#)
            *   [Waikiki Beach](#)
            *   [Canoes](#)
        *   [Big Island](#)
        *   [Kauai](#)
        *   [Honolua Bay](#)
        *   [Peahi Jaws](#)
    *   [Australia](#)
        *   [Gold Coast](#)
        *   [Noosa Heads](#)
        *   [New South Wales](#)
        *   [Cyclops](#)
    *   [Teahupoo](#)
    *   [California](#)
        *   [Mavericks](#)
        *   [Santa Cruz](#)
        *   [Ghost Trees](#)
        *   [Malibu Beach](#)
    *   [Siargao](#)
    *   [Okinawa](#)
*   [Indian Ocean](#)
    *   [Indonesia](#)
        *   [Bali](#)
        *   [G-Land](#)
        *   [Mentawai](#)
    *   [Maldives](#)
    *   [Madagascar](#)
    *   [Somalia](#)
*   [Atlantic Ocean](#)
    *   [Europe](#)
        *   [France](#)
        *   [Portugal](#)
        *   [Spain](#)
        *   [UK](#)
    *   [South Africa](#)
        *   [Jeffrey’s Bay](#)
        *   [Long Beach](#)
        *   [Eland’s Bay](#)
        *   [Dungeons](#)
    *   [Canary Islands](#)
        *   [Fuerteventura](#)
        *   [Tenerife](#)
    *   [Brazil](#)
    *   [Morocco](#)
*   [Arctic Ocean](#)
```

--------------------------------

### Initialize waSlideMenu Plugin

Source: https://github.com/webasyst/waslidemenu/blob/master/README.md

Initializes the waSlideMenu plugin on a selected HTML element, typically a navigation container, after the DOM is ready.

```javascript
$(document).ready(function(){
   $('#mymenu').waSlideMenu({});
});
```

--------------------------------

### Enable/Disable waslidemenu Dynamically

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

Demonstrates how to enable or disable the waslidemenu plugin dynamically using its methods. This allows for runtime control over the menu's functionality.

```javascript
$('#proglangenable').on('click', function() {
  $('#proglang').waSlideMenu({ scrollToTopSpeed: 200 });
});

$('#proglangdisable').on('click', function() {
  $('#proglang').waSlideMenu('exec', 'destroy');
});
```

--------------------------------

### Disabled UI Menu Controls

Source: https://github.com/webasyst/waslidemenu/blob/master/demo/index.html

This section lists control elements for a disabled menu, including actions to enable functionality, set a delay, trigger a message, and destroy the menu. This text describes UI interactions.

```text
Disabled UL LI menu
-------------------

Enable Make me slow Say "Hi" after each slide Destroy
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.