Simple menu issues

**alexdpm** · 04-10-2012 07:14 AM

Hi,

I am trying to create a really simple drop down menu.

I have one accordian button (labelled 'menu') that when clicked, opens up the dropdown menu.
However, when you click 'menu' (once the dropdown is open) the dropdown closes up then opens again. How can I change the script below so that when the menu button is clicked it either opens the menu if it's closed or closes it if it is open?

Code:

$(document).ready(function() {
	
		
	$('div.accordionButton').click(function() {
		$('div.accordionContent').slideUp('normal');	
		$(this).next().slideDown('normal');
	});
	
	
	$("div.accordionContent").hide();


});

Regards

**Padonak** · 04-10-2012 02:20 PM

it would be better with the HTML part together

**alexdpm** · 04-11-2012 10:41 AM

Hi,

This is where i got it from:

http://www.stemkoski.com/stupid-simp...ccordion-menu/

**alexdpm** · 04-11-2012 10:43 AM

However I have removed all menus so it's just one.

**alexdpm** · 04-11-2012 12:33 PM

I've changed the way i'm going to do this menu and nearly have it working as I want.

However all i need now is for the slider to be hidden on page load and then slide down when open/close is pressed. Here's it so far:

Code:

<body>


	<script type="text/javascript">
	$(document).ready(function() {
	
	
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					marginTop: "-541px"
					}, 400 );
				
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					marginTop: "0px"
					}, 400 );
				
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>
	
	
	
	<div id="sliderWrap">
		<div id="openCloseIdentifier"></div>
		<div id="slider">
			<div id="sliderContent">
				Content here
			</div>
			<div id="openCloseWrap">
				<a href="#" class="topMenuAction" id="topMenuImage">
					
				</a>
			</div>
		</div>
	</div>
	
	
	
	<div id="header">
		<p></p>
		<a href="#" class="topMenuAction">Menu</a>
	</div>


</body>

Thread: Simple menu issues

Thread Tools

Display

Simple menu issues

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions