How to make the block appear and increase its width when hovering over the button jquery?

  • 0
    Here's how to make sure that when you hover over a block with the call_back class, the second block appears and expands (increases in width)?

    So I wrote the code so that the block appears on hover, but how can I make it appear with increasing width, as if sliding?

    jQuery(document).ready(function ($) {
        $(".call_back").mouseenter(function (event) {
            $(".no404_a1_footer").css({"display":"block"});
        }).mouseleave(function (event) {
            $(".no404_a1_footer").css({"display":"none"});
        });
    
        $(".no404_a1_footer").mouseleave(function (event) {
            $(this).css({"display":"none"});
        }).mouseenter(function (event) {
            $(".no404_a1_footer").css({"display":"block"});
        });
    });
    JavaScript Anonymous, Oct 19, 2019

  • 1 Answers
  • 0
    Learn how jQuery animate () function



    Once you learn and understand how to use this function, you will immediately understand how to do everything.
    Avery Walker

Your Answer
To place the code, please use CodePen or similar tool. Thanks you!