Jquery Generator | Divi Mobile Columns

What would you like to do?

I want to...

When...

I'll be adding this to...


<!--Add to Integrations Tab or Code Module-->
<script>
function dmf_custom_jquery() {?>
<script>
// Run after document has loaded...
jQuery(document).ready(function($){
  // Do something on hover...
  $('#target').hover(function(){
  // Do something on click...
  $('#target').click(function(){
  // Do something on double click...
  $('#target').dblclick(function(){
  // Do something on mouse enter...
  $('#target').mouseenter(function(){
  // Do something on mouse leave... 
  $('#target').mouseleave(function(){
  // Do something on waypoint... 
  $('#target').waypoint(function(){
  $(window).scroll(function() {
  var scroll = $(window).scrollTop();
  if (scroll >= 500) { // If user scrolls down 500px...

    $('#something').hide();
    $('#something').show();
    $('#something').css({"color": "#000", "font-size": "20px"});
    $('#something').addClass("firstclass secondclass");
    $('#something').removeClass('classtoremove');
    $('#something').toggleClass('classtotoggle');
    $("<p>New Element!</p>").insertAfter(".classofexistingelement");
    $("<p>New Element!</p>").insertBefore(".classofexistingelement");
    $("<p>New Element!</p>").prepend(".classofexistingelement");
    $("<p>New Element!</p>").append(".classofexistingelement");
    $('#target').fadeIn(5000);
    $('#target').fadeOut(5000);
    $('#target').animate({'height':'500px'});

  }
  });
  }, {offset: '50%'});
});
</script>
</script>
<?php
}
add_action( 'wp_footer', 'dmf_custom_jquery');

What would you like to do?

Purchase Today for 47% OFF!

Let's Network

Subscribe