hide/toggle element jquery bootstrap snippet

hider.html

<!-- html -->
<a class="btn btn-mini hider-toggle" style="padding:0px 4px;">
    <i class="icon-eye-open"></i>
</a>
<span class="hider">{$number->decrypted_password}</span>
<span class="hider-fake">*******</span>

<!-- style -->
<style>
.hider {
    display:none;
}
</style>

<!-- jquery script -->
<script>
$(function(){
    $('a.hider-toggle').click(function (){
        $this = $(this);
        $this.next('.hider').toggle();
        $this.next().next('.hider-fake').toggle();

    })
});

</script>