Hide a
when only one element in the
exists

Question

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!

What are you getting when you `console.log($("#flex-slider-carousel ul li").length())`? — Mike Manfrin, Jul 21 '14 at 22:58
possible duplicate of [jQuery count child elements](http://stackoverflow.com/questions/4291151/jquery-count-child-elements) — kingsfoil, Jul 21 '14 at 23:24

score 2 · Accepted Answer · answered Jul 21 '14 at 22:59

2

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();

answered Jul 21 '14 at 22:59

Ram

143,282
16
168
197

Hide a when only one element in the exists

1 Answers1

Hide a
when only one element in the
exists