data-href in navigation dont work for me

hi

i use some data-href for a landingpage

						<ul>
							<li class="current"><a href="#"><div>Home</div></a></li>
							<li><a href="#"><div>Blog</div></a></li>
							<li><a href="#" data-href="#section-leistungen"><div>Leistungen</div></a>
								<ul>
									<li><a href="#"><div>&Auml;sthetik / Zahnersatz</div></a></li>
									<li><a href="#"><div>Parodontologie</div></a></li>
									<li><a href="#"><div>Implantologie</div></a></li>
									<li><a href="#"><div>Wurzelbehandlung</div></a></li>
									<li><a href="#"><div>Zahnaufhellung</div></a></li>
									<li><a href="#"><div>Zahnreinigung</div></a></li>
									<li><a href="#"><div>Kinderbehandlung</div></a></li>
								</ul>
							</li>
							<li><a href="#" data-href="#section-praxis"><div>Praxis</div></a></li>
							<li><a href="#section-team" data-href="#section-team"><div>Team</div></a>
							<li><a href="#"><div>Kontakt</div></a></li>
						</ul>

if i click a nav-item like "Team" it dont scroll to

<div class="container clearfix" id="section-team">
 ....
</div>

and its not marked as "current", what did i wrong ?

i must say it jumps to "section-team" but no smooth-scroll, and the nav button isn't "highlighted"

I've fixed it. i forget class="one-page-menu" in the tag.
is the <section id="content"> needed ?
or can i do some sections like <section id="home"> , <section id="aboutus"> etc.

sorry for my poor english