Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 3103

Apr 7th, 2010

jquery dropdown help

Expand Post »

Hi all, i have this function, it slides down a div #dd_about and stays down until i click on the body, is there a way to keep the div down until i move from the div and not click? Im new to jscript and jquery thanks.

Any help is appreciated

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<div id="dd_b"><a href="softball.php"><img src="images/nav/softball_btn.png" alt="Softball" width="125" height="25" border="0" id="softball_btn"  onmouseover="chgImg(this.id,1)" onmouseout="chgImg(this.id)" /></a>
              <div id="dd_bout">
                <ul>
                  <li><a href="softball.php#camps">Camps &amp; Clinics</a></li>
                  <li><a href="softball.php#completeplayer">Compleye Player</a></li>
                  <li><a href="softball.php#eliteregional">Elite Regional</a></li>
				  <li><a href="softball.php#lilstars">Lil Stars</a></li>
                  <li><a href="softball.php#training">Training Facility</a></li>
                </ul>
              </div>
            </div>
<div id="dd_b"><a href="softball.php"><img src="images/nav/softball_btn.png" alt="Softball" width="125" height="25" border="0" id="softball_btn"  onmouseover="chgImg(this.id,1)" onmouseout="chgImg(this.id)" /></a>
              <div id="dd_bout">
                <ul>
                  <li><a href="softball.php#camps">Camps &amp; Clinics</a></li>
                  <li><a href="softball.php#completeplayer">Compleye Player</a></li>
                  <li><a href="softball.php#eliteregional">Elite Regional</a></li>
				  <li><a href="softball.php#lilstars">Lil Stars</a></li>
                  <li><a href="softball.php#training">Training Facility</a></li>
                </ul>
              </div>
            </div>

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
var timeId;
function blank(){
}
$(document).ready(function(){
	$('#dd_a').mouseover(
		function(){
			$('#dd_about').slideDown(300);
		}
	);
 
	$("body").click(function(){$('#dd_about').slideUp(300);});
});
var timeId;
function blank(){
}
$(document).ready(function(){
	$('#dd_a').mouseover(
		function(){
			$('#dd_about').slideDown(300);
		}
	);
	
	$("body").click(function(){$('#dd_about').slideUp(300);});
});

Similar Threads

Microsoft shows JQuery some love in Windows Software
Navigation Bar Hidden Behind the Javascript in HTML and CSS
CSS Menu Assistance in HTML and CSS
[ask] JQuery preventDefault is not working in JavaScript / DHTML / AJAX
Easy as for jQuery GURUS! in JavaScript / DHTML / AJAX

apollokid

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

16 posts
since Feb 2009

Permalink

Apr 8th, 2010

Re: jquery dropdown help

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
  $("#dd_a").mouseout(function() { $('#dd_about').slideUp(300); });
 
// or
 
  $('#dd_a').hover(
    function() {
      $('#dd_about').slideDown(300);
    },
    function() {
      $('#dd_about').slideUp(300);
    }
  );
  $("#dd_a").mouseout(function() { $('#dd_about').slideUp(300); });

// or

  $('#dd_a').hover(
    function() {
      $('#dd_about').slideDown(300);
    },
    function() {
      $('#dd_about').slideUp(300);
    }
  );

pritaeas

Sponsor

Featured Poster

Reputation Points: 531

Solved Threads: 710

Bite my shiny metal ass!

Offline

4,125 posts
since Jul 2006

Permalink

Apr 8th, 2010

Re: jquery dropdown help

Hey Pritaeas, that technically works but... The #dd_about div rolls up when i go to click on the links, is there something i can incorporate into the code to keep the div showing until i roll out from dd_about?

Thanks

apollokid

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

16 posts
since Feb 2009

Permalink

Apr 9th, 2010

Re: jquery dropdown help

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
$("#dd_about").mouseout(function() { $('#dd_about').slideUp(300); });
$("#dd_about").mouseout(function() { $('#dd_about').slideUp(300); });

Don't know your positioning, so you may have to tweak this example with the previous one.

Last edited by pritaeas; Apr 9th, 2010 at 4:41 am.

pritaeas

Sponsor

Featured Poster

Reputation Points: 531

Solved Threads: 710

Bite my shiny metal ass!

Offline

4,125 posts
since Jul 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: 'array' is undefined?

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: insert new line after diplaying each key value pair in javascript object

DaniWeb Message

Cancel Changes

User Name
Password