কিভাবে অনেকগুলো একই ক্লাসকে আলাদা আলাদা ভাবে কাজ করানো যায়

কিভাবে অনেকগুলো একই ক্লাসকে আলাদা আলাদা ভাবে কাজ করানো যায়

Jquery তে কি ভাবে অনেকগুলো একই ক্লাসকে আলাদা আলাদা ভাবে কাজ করানো যায়
অনেকটা মাল্টিপল মেনু শো / হাইড এর মতো

In HTML

 

<div class="right_option">
	<a href="javascript:;" class="option_content" id="click" ><i class="fa fa-ellipsis-h"></i></a>
		<div class="view_option" id="view">
		<a href="" class="delete_icon"><i class="fa fa-eye-slash" ></i> Hide</a>
		<a href="javascript:;" class="delete_icon" ><i class="fa fa-trash"></i> Delete</a>
		<a href="" class="delete_icon"><i class="fa fa-pencil" ></i> Edit</a>
		</div>
</div>

<div class="right_option">
	<a href="javascript:;" class="option_content" id="click" ><i class="fa fa-ellipsis-h"></i></a>
		<div class="view_option" id="view">
		<a href="" class="delete_icon"><i class="fa fa-eye-slash" ></i> Hide</a>
		<a href="javascript:;" class="delete_icon" ><i class="fa fa-trash"></i> Delete</a>
		<a href="" class="delete_icon"><i class="fa fa-pencil" ></i> Edit</a>
		</div>
</div>

 

In JQuery

 

$(function(){
        $(".view_option[id|=view]").hide();
        $(".option_content[id|=click]").click(function() {
        $(this).siblings(".view_option").slideToggle();
        return false;

    });
});

Tariqul

18 Jul, 2019 - 12:34 am

Excellent!

Reply