Posts

Showing posts with the label show-hide

Jquery hide / show div but to keep toggle link from “hiding” too

Image
Clash Royale CLAN TAG #URR8PPP Jquery hide / show div but to keep toggle link from “hiding” too I've just posted a question on stackoverflow about a hide/show issue I was having but that's been resolved, though this is a follow up on that as I have come across another issue. Ok, so I've got a sticky footer nav and there is a link just above the nav (also "sticky") that says "Toggle menu" ... when I click to hide the menu, the link that I've just clicked also hides. So basically there is no way to make the menu visible again cos the toggle button has also disappeared! Javascript: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#stickyfooter").show(); $(".show_hide").show(); $('.show_hide').click(function(){ $("#stickyfooter").slideToggle...

How do I use buttons to select different elements from my document?

Image
Clash Royale CLAN TAG #URR8PPP How do I use buttons to select different elements from my document? I created a web page of my resume, which is organized by skills. At the top of the page, I have three buttons in the navigation: <p>Choose the type of experience you are interested in seeing:</p> <button class="button-w" type="button">Writing/Editing Experience</button> <button class="button-t" type="button">Teaching/Training Experience</button> <button class="button-c" type="button">Current Experience</button> I gave each corresponding section in the html document its own class. For example: to contain all my writing/editing experience. Then I wrote jquery to remove/detach all the other sections but the writing/editing. See below. It works for the first button I click on. But the problem is, when I then click on the "teaching/training experience" button, because I have a...