26. Membuat Drop Down Show More & Show Less

Hello everyone!

Berikut adalah cara membuat drop down untuk button show more dan show less, kalian bisa ikuti tutorial di YouTube di bawah ini dan menerapkan kode yang sudah saya sediakan di bawah juga, ya!

JavaScript Code

				
					<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
var $ = jQuery;
    $(document).ready(function(){
        
    $('.show-more').on('click', function(){
        event.preventDefault()
        $(this).toggleClass('content-hide')
        $(this).closest('.profile-card').find('.show-less, .details-area').toggleClass('content-hide')
    })
    
    $('.show-less').on('click', function(){
        event.preventDefault()
        $(this).toggleClass('content-hide')
        $(this).closest('.profile-card').find('.show-more, .details-area').toggleClass('content-hide')
    })
    
    })
</script>
<style>
.content-hide{
    display: none;
}
</style>
				
			

Semoga bermanfaat dan selamat mencoba!

Shopping Cart
Scroll to Top