Custom Js box

[triinum]

I have a quite basic js code, which only works in footer.php with Jquery source. I’m still having issues with getting it working when placed in custom js, it just doesn’t work. There must be something wrong with the custom js box…

<script>
$(‘.showbirthdaychild’).hide();
$(‘#arve_number_field’).hide();
$(‘.arve-checkbox input[type=”checkbox”]’).on(‘click’, function () {
$(‘.arve-text’).slideToggle();
});

$(‘.addchild’).on(‘click’, function(){
$(‘.showbirthdaychild’).slideToggle();
$(‘.addchild’).hide();
});
</script>

[Rui Guerreiro – SUPPORT]

Hi,

Don’t include the script tags, and you should place that js inside the Document ready in my opinion.

jQuery( document ).ready(function() {
     //Place the code here
});

Also replace the $ by jQuery

Hope it helps.

-Rui

[triinum]

By not including the tags it just appears on the bottom of the page, remember you suggested the tags? Anyway, see the footer yourself and try the custom js box – it just doesn’t work… the same code worked fine in footer.php, but then other jquery elements wouldn’t work.

[Mohammad – SUPPORT]

Hi,
Please use this code

<script>
jQuery( document ).ready(function($) {
$('.showbirthdaychild').hide();
$('#arve_number_field').hide();
$('.arve-checkbox input[type="checkbox"]').on('click', function () {
$('.arve-text').slideToggle();
});

$('.addchild').on('click', function(){
$('.showbirthdaychild').slideToggle();
$('.addchild').hide();
});
});
</script>

Thanks
Mohammad