Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Member
    Join Date
    Nov 2012
    Location
    Huddersfield, West Yorkshire
    Posts
    68
    Member #
    33961
    Liked
    5 times
    Hello,

    I am setting up a Photography Site for a client!

    Testing site - http://testing.labforone.com/

    If you go to the nav, hover over about, and you will see a second navigation show up.

    The button you hover over has toggle on, to make the "second nav" appear.

    It works fine, but when I come off the about button, the "second nav" disappears.

    Any way to keep this stuck?

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    If you put it in as a list within a list, it should work:
    HTML Code:
    <ul>
      <li>Menu Item 1
        <ul>
          <li>Sub Item</li>
          <li>Sub Item</li>
          <li>Sub Item</li>
        </ul>
      </li>
    </ul>
    Gotta ask, though: it's really easy to make a hover menu with just CSS. Why use JS for it?
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    You would need to show us your html, jquery and possibly css for us to try and fix it.
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by Andrew Yurlov, post: 249121
    You would need to show us your html, jquery and possibly css for us to try and fix it.
    He posted a link.
    labforone/Ben likes this.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  6. #5
    Member
    Join Date
    Nov 2012
    Location
    Huddersfield, West Yorkshire
    Posts
    68
    Member #
    33961
    Liked
    5 times
    Cheers Ronald.

    The site is heavy on jQuery, I got carried away with it and started doing un-necessary stuff with jQuery, its sorted now!!

    Went with .click instead of .hover.

    On another note, if you check the site, there seems to be issues with the images. the sort of flash when the links are clicked.

    Is this because my preload is not working or simply because of the lack of effect on the .show/.hide?

    Cheers anyway!

  7. #6
    Senior Member Andrew Yurlov's Avatar
    Join Date
    Apr 2011
    Location
    Portland, OR
    Posts
    1,306
    Member #
    27566
    Liked
    181 times
    The "flash" happens probably because the images are still loading so it shows a white background for a few milliseconds. That would be my guess anyway.
    Artificial intelligence is nothing compared to natural stupidity -Someone

    Design is a funny word. Some people think design means how it looks.
    But of course, if you dig deeper, itís really how it works.
    -Steve Jobs



  8. #7
    Member
    Join Date
    Nov 2012
    Location
    Huddersfield, West Yorkshire
    Posts
    68
    Member #
    33961
    Liked
    5 times
    But shouldnt my preload stop this flash?

    I have the preloading images set out like this:

    <div class="preload">
    <img src="example"/>
    </div>

    .preload {display: none}


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com