anchor behaviour

jquery testing

by toubia95

HTML

<div id="article_content"><!--TYPO3SEARCH_begin--><div id="c575" class="csc-default"><div class="row-fluid">
  <div class="span8"><p class="lead">La formation d'ingénieur se déroule sur 3 ans après une classe préparatoire et sur concours, l'<abbr title="Ecole National de Géologie">ENSG</abbr> s'intègre donc au semestre universitaire 5 pour la première année ou 7 pour accéder directement à la deuxième année.<br><br>L'école a défini un projet pédagogique décompté en différents semestres et autour de 3 pôles afin de pouvoir mener au mieux vos projets.</p></div>
  <div class="span4"><nav class="menu-page">
  <h4>Dans cette page</h4>
    <ol class="aside-content"><li><a href="#c571">Devenir ingénieur</a></li><li><a href="#c573">Première année</a></li><li><a href="#c576">Devenir ingénieur</a></li><li><a href="#c577">Deuxième année</a></li><li><a href="#c578">Troisième année</a></li></ol>
</nav></div>
</div></div><div id="c571" class="csc-default"><p>On y retrouve alors:</p><ul> <li>la formation scientifique et technique de l'ingénieur</li> <li>la formation à l'observation, la compréhension et à la modélisation des phénomènes naturels liés à la géosphère</li> <li>la formation à l'économie, la gestion et la communication.</li> </ul><p>Le cursus est ensuite articulés en deux grandes phases :</p><ul> <li>3 semestres de tronc commun</li> <li>3 semestres de formation spécialisée</li> </ul></div>
    <div id="c573" class="csc-default">
        <div class="titre-grille">
            <h2>Première année</h2>
        </div>
    </div>
    <div id="c576" class="csc-default"><div class="row-fluid">
  <div class="span8"><p>La première année se compose de deux semestres de formation commune de base afin de permettre à l'ensemble des élèves-ingénieurs d'acquérir les compléments indispensables dans les sciences de base de l'ingénieur qui sont :</p><ul> <li>la formation générale en géosciences</li> <li>la mécanique élémentaire</li> <li>les mathématiques appliquées et l'informatique</li>...

CSS

/* tests du javascript des ancres */

/*div[id*=c]:target {padding-top: 40px; color:red;}*/

.titre-target {color:red;}

JavaScript

$(document).ready(function() {
    $('.menu-page a').click(function() {
        var theclic = $(this.href.substring(this.href.indexOf('#')));
        theclic.css('padding-top', '40px');
        theclic.addClass("titre-target");
    });   
});