How to only show toggle when More Clicked and not any links nested in <li>
When I click anything nested in the li it toggle opens. How do I make it so only when I click "More"?
url: http://198.12.124.155/meixicn/test/
$('.ajax-filters-li ul').each(function(){
var $this = $(this), lis = $this.find('li:gt(7)').hide();
if(lis.length>0){
$this.append($('<a class="more">').text('More').click(function(){
lis.slideToggle();$(this).text($(this).text() === 'More' ? 'Less' : 'More');
}));}});
url: http://198.12.124.155/meixicn/test/
$('.ajax-filters-li ul').each(function(){
var $this = $(this), lis = $this.find('li:gt(7)').hide();
if(lis.length>0){
$this.append($('<a class="more">').text('More').click(function(){
lis.slideToggle();$(this).text($(this).text() === 'More' ? 'Less' : 'More');
}));}});