<script>
    $(function(){
        $(".r_btn").click(function(){
           var a = $("this").parent().prop("className");
           a.hide();
        })
    })
</script>

<div class="packet_div">
   <button class="l_btn">Left Button</button>
        <img src="1.jpg" alt="" width="100px" height="100px">
        <img src="2.jpg" alt="" width="100px" height="100px">
        <img src="3.jpg" alt="" width="100px" height="100px">
        <img src="4.jpg" alt="" width="100px" height="100px">
        <img src="5.jpg" alt="" width="100px" height="100px">
        <img src="6.jpg" alt="" width="100px" height="100px">
        <img src="7.jpg" alt="" width="100px" height="100px">
        <img src="8.jpg" alt="" width="100px" height="100px">
        <img src="9.jpg" alt="" width="100px" height="100px">
       <button class="r_btn">Right Button</button>
</div>
<div class="packet_div">
   <button class="l_btn">Left Button</button>
        <img src="1.jpg" alt="" width="100px" height="100px">
        <img src="2.jpg" alt="" width="100px" height="100px">
        <img src="3.jpg" alt="" width="100px" height="100px">
    <img src="4.jpg" alt="" width="100px" height="100px">
    <img src="5.jpg" alt="" width="100px" height="100px">
    <img src="6.jpg" alt="" width="100px" height="100px">
    <img src="7.jpg" alt="" width="100px" height="100px">
    <img src="8.jpg" alt="" width="100px" height="100px">
    <img src="9.jpg" alt="" width="100px" height="100px">
    <button class="r_btn">Right Button</button>
</div>