zaimramlan/HTMLAttributeHideElement.md

Last active September 12, 2016 02:21

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/zaimramlan/52ee349db03395dd671d8f147491128c.js"></script>
Save zaimramlan/52ee349db03395dd671d8f147491128c to your computer and use it in GitHub Desktop.

Create own HTML tag to hide element of the same class

Raw

Step 1: Add the following jQuery snippet to your JS file

$(function(){
    $("[data-hide]").on("click", function(){
        $("." + $(this).attr("data-hide")).hide();
    });
});

Step 2: Add data-hide=[CLASS_NAME] as attribute to any HTML tag to hide that element on click.

Select an option