pak positie van tab element
Als ik van een tabcontent de positie wil hebben dan wil ik dat op de volgende manier:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<div class="menu">
<a href="" rel="first">Eerste</a>
<a href="" rel="second">tweede</a>
</div>
<div class="section yellow" id="first"></div>
<div class="section green" id="second"></div>
<a href="" rel="first">Eerste</a>
<a href="" rel="second">tweede</a>
</div>
<div class="section yellow" id="first"></div>
<div class="section green" id="second"></div>
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
$('a').on('click', function(e) {
var whichtab = $(this).attr('rel');
var page = $('.section' + whichtab).offset();
e.preventDefault();
console.log(page)
});
});
$('a').on('click', function(e) {
var whichtab = $(this).attr('rel');
var page = $('.section' + whichtab).offset();
e.preventDefault();
console.log(page)
});
});
Echter geeft console.log undefined aan. Hoe kan ik nu de positie van de contents krijgen?
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div class="menu">
<a href="#first">Eerste</a>
<a href="#second">tweede</a>
</div>
<div class="section yellow" id="first"></div>
<div class="section green" id="second"></div>
<a href="#first">Eerste</a>
<a href="#second">tweede</a>
</div>
<div class="section yellow" id="first"></div>
<div class="section green" id="second"></div>
Gewijzigd op 20/09/2016 14:49:24 door Thomas van den Heuvel