Support » Plugin: Collapse-O-Matic » Opens expandet on load

  • I would love to use the plugin to structure the menue on a responsive site and so far it seems to be possible. The only little problem I have is, that the plugin opens for a splt second when the site loads.
    I read all the regarding entries here in the support forum, but none provided the solution.
    Could you please have a look and get back on this?

    Here is the code I am using:

    <div id="mobilemenue2">
    <div class="collapseomatic" title="Click to Expand" id="test01" >Navigation</div>
    <span id="swap-test01" style="display: none;">Navigation schliessen</span>
    <div id="target-test01" class="collapseomatic_content"><div class="mobile oben"><?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?></div></div></div>

    plus the according css:

    #mobilemenue2{
    	position: relative;
    	max-width: 100%;
    	height: auto;
    	margin-top:1em;
    	padding-left: 1em;
    	background-color: white;
    	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    	 background: linear-gradient(to bottom, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    	 background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));/* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);/* IE10+ */
        background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);/* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);/* IE6-9 */
    	display: none;
    }
    .collapseomatic {
    	background-image: url("images/arrow_down2.png");
    	background-repeat: no-repeat;
    	cursor: pointer;
    	/*padding: 0 0 10px 16px;*/
    	background-position: left center;
    }
    #mobilemenue2 .collapseomatic_content {
        margin-left: 0;
        margin-right: 1em;
    }
    #test01{
    	height: 2.5em;
    	font-weight: bold;
    	letter-spacing: 0.1em;
    	color: grey;
    	font-size: 100%;
    	padding: 0.5rem 0 0 5em;
    }
    .colomat-hover {
        text-decoration: underline;
    }
    .colomat-close {
        background-image: url("images/arrow_up2.png");
    }

    And this ist the momentary url:
    http://www.web2-design.eu/kleinfahrzeugtransporte/

    Please be aware that you need to resize your browser window, to trigger the responsive menu.

    Thanx in advance
    mxmanuel

    https://wordpress.org/plugins/jquery-collapse-o-matic/

Viewing 1 replies (of 1 total)
  • Plugin Author Baden

    (@baden03)

    have you tried adding the ‘maptastic’ tag like so:

    <div class="collapseomatic maptastic" title="Click to Expand" id="test01" >

    Let us know if that works for you.

Viewing 1 replies (of 1 total)
  • The topic ‘Opens expandet on load’ is closed to new replies.