show-hide

Can this be converted to work with multiple (20+) instances?

I'm using this code for a faq. You click on the img and it opens the box, clicking on the img also closes the box. The img switches on each click. So far I have not been able to convert this to work with more than 1 section. I know nothing about jquery or javascript, but understand some programming concepts. I have been trying for 4...

jQuery | Click child, hides parent

Hey, I have a list of using ul and li: <span class="important">Show/Hide</span> <div id="important" class="hidden"> <ul class="sub"> <li> Value one </li> <li class="child"> <img src="../img/close.png" /> </li> </ul> </div> $(".important").click(function () { $("#important"...

Prototype 'on show' Event.observe handler

I am trying to make an AJAX request that updates a div's content when that div is shown. My initial thought was to use an Event observer that watched for a div to be shown, but I cannot seem to find an appropriate handler. Is there an easy way to make an AJAX request for an element 'on show?' ...

jQuery show div click to hide then do not show again

I am using jQuery to hide a div on my page: $(document).ready(function(){ $('#message').hide(); When a certain part of the page scrolls into view the div shows using $(window).scroll(function() { var top = 0; top = $(window).scrollTop(); if((top >= 1000) && (top < 2000)){ $('...

javascript hide/show tabs using JQuery

Hey all, I have a quick question of how I can use jquery tabs (you click on link button to display/hide certain divs). The div id matches the href of the link: HTML links: <table class='layout tabs'> <tr> <td><a href="#site">Site</a></td> <td><a href="#siteno">Number</a></td> </tr> <tr> <td><a href="#student">Student</a></td...

vertical navigation that shows hidden submenu on click using JQuery

Hi, I am trying to make a menu that works like the one on this flash site: http://elevensix.de/ When I click "portfolio", only then to the subnavigation links reveal themselves. Right now I have only managed to get a typical vertical "reveal subnavigation on hover menu" working. What is required is that once the appropriate menu item...

jQuery syntax issue on slideOut/In function

I know this is easy, just drawing a blank. If you look at this page (all JS/CSS is on the one page), http://dl.dropbox.com/u/904456/expander.html You can see what I have. Basically I would like to do two things differently. A.) I would only like to show the .module .caption for the .module hovered, not both of them when either is hove...

jQuery Syntax Question, pretty easy I think..

Hi all, question: <script type="text/javascript"> $(document).ready(function() { $(".module .caption").hide(); $(".module").hover(function() { $(this).find(".caption").slideDown(); },function() { $(this).find(".caption").slideUp(); }); }); </script> This snippet works great for my purposes, the only caveat is...

Swapping content in a seperate div on hover

I feel like this should work: $(".module .one").hover(function() { $("#one").addClass('red'); }); Basically I am hiding all the .children of "#viewport on load (which #one is), then when a separate element is hovered, (in this case .module .one) I want to change something in #viewport, specifically #one. Basic idea is a va...

jquery show/hide/toggle etc.

JQUERY: $("li h2").click(function() { $(this).toggleClass("active").siblings().removeClass("active"); $(this).next("div").slideToggle("fast").siblings("div").slideUp("fast"); }); HTML: <ul> <li> <h2>headingA</h2> <div>contentA</div> <h2>headingB</h2> <div>contentB</div> </li> </ul> NO...

How to hide/show a Process using c#?

Hello, While executing my program, I want to hide/minimize Microsoft Speech Recognition Application: and at the end I want to show/maximize using c#! This process is not started by me so I can't give control the process startInfo. I've tried to use user32.dll methods such as: ShowWindow AnimatedWindows AnimatedWindows SetForegrou...

jquery hide not actually working (NOT IE)

Hi all, jQuery is driving me nuts. Ive looked around on the web for a simple category expander slider but haven't found one. Ive attempted to create one here. The problem I'm having is when trying to hide() an element previously show()n. If another element is show()n before the hide() is called, the call to hide() for the first elemen...

Add and remove class to make div appear and hide

I am using jQuery to show and hide a div by adding/removing a class to it. $('input').focus(function(){ $(this).parents('.row').addClass("linksdiv"); }).blur(function(){ $(this).parents('.row').removeClass("linksdiv"); }); It works quite well when focusing on inputs, but if I click a link in linksdiv it loses focus and the div...

Can't get jQuery hide working

I need a sanity check as I've spent about an hour trying to figure this out! getRows().each(function() { alert(this); // alerts '[object HTMLTableRowElement]', nothing wrong here this.hide(); // row not hidden - wtf? alert('hidden'); // no alert - more wtf! }); What can be wrong that calling hide() is bombing out? ...

show/hide without framework

Searching for a script, which can do show/hide functions without framework. Something like: <span rel="toggle" href="/somelink.html">Title</span> <div class="toggle">Hidden block</div> .toggle { display: none; } Block .toggle should be displayed after clicking on span. Like toggle() on jQuery. Thanks. ...

ajax and check box

Hello Pleas help me I had a to radio <input type="radio" name="sex" value="male" /> Male<br /> <input type="radio" name="sex" value="female" /> Female <div class="content"> <div id="male">male contetn</div> <div id="female">femalecontetn</div> </div> I want use ajax when i click radio value male will show div id =male and ...

Using jQuery to show/hide a div and then show/hide a div within that div

I have a series of links nested within a div. When one of those links is clicked, I'd like to hide the div with the link that was clicked and show another div. Then, if a link is clicked within that div, I'd like to change the div to yet another div. The html looks like this: <div id="main"> <div class="item"><a href="">Link to di...

jQuery UI button won't stay hidden in IE7

Ok, I have made a twitter-style control panel to apply filters and sorting to a list, the code for it is like this: <div id="drawer"> <div id="orderDrawer" class="subDrawer" > <div class="closeDrawer clearfix ui-icon ui-icon-closethick">close</div> <h4>sorteer</h4> <div id="orderPanel"> <!-...

hiding div based on unchecking checkboxes

I have multiple checkboxes in a form. Based on clicking those checkboxes, I show a div section. But if I uncheck even one checkbox, that div section gets hidden. How do I make sure that div section is hidden only if all checkboxes are unchecked. Crude way can be to write my own 'display' method which will check if all checkboxes are unch...

Hiding and showing parts of an html with PHP?

The example I have in HTML: <div id="red-nav-warp"> <ul id="red-nav-logo"> <li><img class="sponsors" id="sponsorone" src="media/img/logosmall.png" /></li> </ul> <ul class="clearfix" id="red-nav-list-member" > <li><?php $themeSys->Href('logout',$langSys->get('LOGOUT')); ?></li> <li><?php $themeSys->Href('settings',$lang...