jQuery multiple select show/hide

Question

I have a table with language translation. I\'m trying to create a script that will hide multiple language columns. The problem is that it only hide one field at a time. I ca

Answer 1

You need to hide every selected option while iterating loop like below :

$( ".hide" ).change(function() {
    var str = "";
    $('[class^=cell]').show();
   $( ".hide option:selected" ).each(function() {
       str = $( this ).val();
       $( ".cell" + str ).hide();
    });
}).trigger( "change" );

Working Demo