Line 423: | Line 423: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node1"> |
<div class="topic"><p class="text_color"><a href="#title1" style="text-decoration:none;color:#F3F7F7;">Software</p></div> | <div class="topic"><p class="text_color"><a href="#title1" style="text-decoration:none;color:#F3F7F7;">Software</p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 436: | Line 436: | ||
</div> | </div> | ||
− | <div class="node"> | + | <div class="node" id="node2"> |
<div class="topic"><p class="text_color"><a href="#title2" style="text-decoration:none;color:#F3F7F7;">Pest Prediction System</a></p></div> | <div class="topic"><p class="text_color"><a href="#title2" style="text-decoration:none;color:#F3F7F7;">Pest Prediction System</a></p></div> | ||
<div class="active-circle"> | <div class="active-circle"> | ||
Line 797: | Line 797: | ||
// Clicking the nodes... again, nothing special ;) | // Clicking the nodes... again, nothing special ;) | ||
$nodes.each( function( index ) { | $nodes.each( function( index ) { | ||
− | var $ | + | var $node1 = $( '#node1' ); |
− | $ | + | $node1.click( function() { |
$('html, body').animate({ scrollTop: $('#title1').offset().top-70}, 1000 ); | $('html, body').animate({ scrollTop: $('#title1').offset().top-70}, 1000 ); | ||
}); | }); | ||
− | $ | + | var $node2 = $( '#node2' ); |
+ | $node2.click( function() { | ||
$('html, body').animate({ scrollTop: $('#title2').offset().top-70}, 1000 ); | $('html, body').animate({ scrollTop: $('#title2').offset().top-70}, 1000 ); | ||
}); | }); |
Revision as of 14:04, 18 October 2016