CODEWITHSUNDEEP
javascriptjqueryhtml-listshide
Mel
Mel

Reputation: 33

Hide a <ul> when only one element in the <ul> exists

Can someone tell me how to hide a <ul> when I only have one child <li> in it?

I have this code but it's not working.

$(document).ready(function() {
 $("#flex-slider-carousel ul li").length();
  if($('#flex-slider-carousel ul li').length == 1){
 $("#flex-slider-carousel ul li").hide();}
});

Thanks!

Upvotes: 3

Views: 126

Answers (1)

Ram
Ram

Reputation: 144689

length is a property not a method. You can use the filter method:

$("#flex-slider-carousel ul").filter(function() {
   return $(this).children().length === 1;
}).hide();

Upvotes: 2

Related Questions