RL ACCORDION OK

RL ACCORDION OK

by firegroove

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="http://www.lepineapartments.com/lesterrassesfrancesca//js/rlaccordion.js"></script>
<script src="http://www.lepineapartments.com/lesterrassesfrancesca//js/scripts.js"></script>
	<title>rlAccordion</title>

	<!-- end of javacripts -->

<body>

	<div id="wrapper">

		<main class="main-wrapper">

		

			<h2>Mix Settings</h2>

			<div id="thirth">
				<h3>SECTION 1</h3>
				<div>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto illo velit temporibus aliquam eius dolorem dolor laudantium quidem porro obcaecati nesciunt ducimus doloribus molestiae ad praesentium reiciendis enim eligendi fugit!</p>

					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis molestiae molestias atque asperiores illum nisi saepe placeat deleniti commodi dolore cupiditate quas. Ipsum odio quibusdam nemo est ducimus ea nesciunt?</p>

						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi laboriosam voluptates eum vero iste enim quas a nulla consequuntur quasi. Dolorum minima corporis molestias blanditiis ducimus obcaecati necessitatibus excepturi magnam?</p>
				</div>

				<h3>Accordion Two</h3>
				<div>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto illo velit temporibus aliquam eius dolorem dolor laudantium quidem porro obcaecati nesciunt ducimus doloribus molestiae ad praesentium reiciendis enim eligendi fugit!</p>

					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio quis delectus ducimus quibusdam ex totam natus sint nemo nam possimus explicabo labore architecto magnam accusantium veritatis tenetur repudiandae ab laboriosam?</p>

					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis molestiae molestias atque asperiores illum nisi saepe placeat deleniti commodi...

CSS

@charset "utf-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */

  -ms-text-size-adjust: 100%;
  /* 2 */

  -webkit-text-size-adjust: 100%;
  /* 2 */

}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  background-color:#000
}
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/*...

JavaScript

/*
* Author: Rodrigo Ludgero http://rodrigoludgero.com/
*
* Twitter: @rodrigoludgero
*
* Description: A jQuery accordion plugin
*
* License: MIT licensed
*
* Project: jQuery rlAccordion Plugin https://github.com/Rodrigo-Ludgero
*/

(function( $ ) {

    $.fn.rlAccordion = function(method, options) {
        var settings = $.extend({
            rlAccordion: 'rlAccordion', // add class in the same level of a parent statement for avoid styles conflict
            signTag: '<span></span>',   // html tag parent signs
            titles: 'h3',               // html tag parent of minus and plus, this may replaced also for a class
            titlesChild: 'span',        // html child titles and parent signs
            container: 'div',           // html tag adjacent sibling of titles
            childNumOptions: true,      // Active childNum option
            childNum: 0,                // number of the children start open
            classOpen: 'opened',        // add class to the titles option adjacent sibling
            open: '&#x2b;',             // unicode plus sign
            close: '&#x2212;',          // unicode minus sign
            rlOpen: 'rl-open',          // class for a plus sign
            rlClose: 'rl-close'         // class for a minus sign
        }, options);

        var $element = $(this).children(settings.titles), // limit the scope
            $symbols = $(settings.signTag),               // create a html tag
            //$signOpen = $symbols.html(settings.open),     // insert a unicode open sign into the parent
            //$signClose = $symbols.html(settings.close),   // insert a unicode close sign into the parent
            $insertElement = $symbols.appendTo($element); // insert symbols signs into titles settings

        // add class in the same level of a parent statement for avoid styles conflict
        $element
            .parent()
            .addClass(settings.rlAccordion);

        // parse code to assign the corresponding...