<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
<script>$('.countryclassinfolink').click(function(event) {
event.preventDefault();
var detailinfo = $(this).parent().next().html();
$('#country_details').html(detailinfo);
$('.countryclassinfolink2').click(function(event) {
event.preventDefault();
$('#country_details').html('');
$('#country_details').hide();
$('#country_seminars').fadeIn();
});
$('#country_seminars').hide();
$('#country_details').fadeIn();
});
</script>
</head><body>
<div class="section seminars">
<h2><span>USA Seminars</span></h2>
<div id="country_seminars" class="body">
<table>
<tbody>
<tr>
<td class="practioners"><p> <span class="date">06/10/2013</span> Niskayuna, NY<br>
<a class="countryclassinfolink" href="#">Advanced DNA</a> </p>
<div style="display:none;" id="classdetails26436">
<div class="searchresults result" style="border-bottom: none;width:650px;"><a style="float:right;" class="countryclassinfolink2" href="#">Return</a>
<div class="resultheader">
<div style="background-image:none;float:none;" class="name">Advanced DNA</div>
<div style="background-image:none;" class="name">Anana Integre</div>
<div class="icon"><img src="images/practitioner-icon.gif"></div>
<div class="icon"><img src="images/instructor-icon.gif"></div>
</div>
<div class="image"><img border="0" alt="" src="/images/specialistImages/thumb_1294779133.jpg"></div>
<div style="width: 400px;" class="info">
<table>
<tbody>
<tr>
<td style="border:0;">Niskayuna, NY<br>
<strong>Phone:</strong><br>
831-246-1790<br>
<strong>Email:</strong><br>
<a href="mailTo:miraclewrkr@gmail.com">miraclewrkr@gmail.com</a><br>
<strong>Website:</strong><br>
<a target="_blank" href="http://www.thetahealingwitness.com">www.thetahealingwitness.com</a><br>
<strong>Cost:</strong><br>
$ 575.00<br>
<strong>Notes:</strong><br>
<br></td>
<td style="border:0;"><strong>Dates:</strong><br>
06/10/2013<br>
06/12/2013<br></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</td>
<td class="filler"></td>
</tr>
</tbody>
</table>
</div>
<div style="display: none;" id="country_details" class="body"></div>
<div class="bottom"> </div>
</div>
</body></html>
vishal.du123
0
Newbie Poster
Recommended Answers
Jump to PostI think you should bind the click event in the document ready event. Looks like you are executing your code too early.
All 4 Replies
pritaeas
2,194
¯\_(ツ)_/¯
Moderator
Featured Poster
Without any description of what happens, or what should happen, just dumping some script and expecting answers is not going to work.
vishal.du123
0
Newbie Poster
Dear Pritaeas
There is a link with class(<a class="countryclassinfolink" href="#">Advanced DNA</a>)
on click on it all data of next element will be copy and append in div(id='country_details')
But it is not work
pritaeas
2,194
¯\_(ツ)_/¯
Moderator
Featured Poster
I think you should bind the click event in the document ready event. Looks like you are executing your code too early.
radhakrishna.p
29
Posting Whiz in Training
hai vishal.du123,
as pritaeas said, please make your script code from this
<script>$('.countryclassinfolink').click(function(event) {
event.preventDefault();
var detailinfo = $(this).parent().next().html();
$('#country_details').html(detailinfo);
$('.countryclassinfolink2').click(function(event) {
event.preventDefault();
$('#country_details').html('');
$('#country_details').hide();
$('#country_seminars').fadeIn();
});
$('#country_seminars').hide();
$('#country_details').fadeIn();
});
</script>
to this
<script type="text/javascript">
$(document).ready(function(){
$('.countryclassinfolink').click(function(event) {
event.preventDefault();
var detailinfo = $(this).parent().next().html();
$('#country_details').html(detailinfo);
$('.countryclassinfolink2').click(function(event) {
event.preventDefault();
$('#country_details').html('');
$('#country_details').hide();
$('#country_seminars').fadeIn();
});
$('#country_seminars').hide();
$('#country_details').fadeIn();
});
});
</script>
you missed $(document).ready() function to initiate the your desired ccall
thats it
happy coding
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.