Set style from features of layer to hidden?

Question

Is it possible to set the style to hidden of certain parts of a layer of the map? The API documentation does not seems to have any property for it?

I tried to add the following:

var locatusObject = new ol.layer.Vector ({
  source: locatusSource,
  maxResolution: 14,
  style: styleFunction
});
function styleFunction(feature,resolution) {
style = [new ol.style.Style({
                stroke: changeStrokeStyle(),
                fill: changeFillStyle(),
                //opacity:0,
                //visible:none
                //visibility:hidden
            })];

return style;
}

None seem to work?

EDIT

Oke, it seems to work when I set the variable "style=null"! But when I click a certain category, my map does not get reloaded?

I use the following code to click and reload my map:

$('#legend ul > li > ul > li').click(function(){
      if($(this).attr('data-hidden')==='false'){console.log('in conditie'); $(this).attr('data-hidden', 'true');$(this).addClass('enabled');} 
      else {$(this).attr('data-hidden', 'false');$(this).removeClass('enabled');}

      $('li').each(function(){
        hiddenArray[$(this).attr('data-name')] = $(this).attr('data-hidden');

      })
      map.renderSync();
    });

The map.renderSync() doesnt seem to do anything to my map?

Answer 1

Based on comments the logic would be:

Read the features from GeoJSON and add the features to different ol.layer.Vector based on a property called here category:

// Read from GeoJSON and add to different layer
var features = new ol.format.GeoJSON().readFeatures(geojsonObject, {
    featureProjection: 'EPSG:3857'
});

features.forEach(function(feature) {
    var category = feature.get('category');
    var layer = thisLayerExists(category);
    if(layer) {
        //just add feature
        layer.getSource().addFeature(feature);
    } else {
        //add layer to map
        layer = new ol.layer.Vector({
            name: category,
            source: new ol.source.Vector({
                features: [feature]
            }),
            style: point_style
        });
        map.addLayer(layer);
    }
});

And if you want to show only a layer that match to a given category:

function showCategory(category){
    var layers = map.getLayers();
    layers.forEach(function(layer){
        //discard layers other than ol.layer.Vector
        if(layer instanceof ol.layer.Vector){
            if(layer.get('name') == category){
                layer.setVisible(true);
            } else {
                layer.setVisible(false);
            }        
        }
    });
}

See missing variables and functions on demo fiddle.