This MUST be an easy fix...?

**eabigelow** · 12-30-2012 11:34 AM

Hi--

I am using the following js to click on divA to fade out divB, and then click on divA again to fade in divB. It works the first time, but not the rest.

My apologies for the terrible script (I know nothing about js), but could someone help me fix this? MANY THANKS FOR ANY HELP!

$(document).ready(function(){
$('#divA').click(function() {
$('#divB').fadeOut(500, function() {
$('#divA').click(function() {
$('#divB').fadeIn(500);
});
});
}); });

**shinamee** · 12-30-2012 02:59 PM

Very easy ... take a look at the following.

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>

<style>
#divB {
display: none;
}
</style>

<script type="text/javascript">
$(document).ready( function() {
$('#divA').click(function() {
$('#divB').fadeToggle("slow", "linear");
});
});
</script>
</head>
<body>
<button id="divA">Toggle Click</button>

<div id="divB">
<p>This is the text for this content</p>
</div>

</body>
</html>

Thread: This MUST be an easy fix...?

Thread Tools

Display

This MUST be an easy fix...?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions