Как сделать так чтобы отображался balloonContent при клике (ymaps)?

Question

[Александр Иванов]

Сделал так чтобы прокрутка до адраса рабтала а как сдалать так чтобы balloonContent тоже открывался?

// html 
<ul>
          <li data-map="Санкт-Петербург" class="goto"><span>Санкт-Петербург</span></li>
          <li data-map="Великий Новгород" class="goto"><span>Великий Новгород</span></li>
        </ul>

//js  
		ymaps.ready(init);

		function init() {
			
      var myMap;
   
      var destinations = { // для прокрутки по городам
           // ...  
          'Санкт-Петербургwerrrtw'  :  [59.92234551,30.3166]
          'Великий Новгород' :  [58.5609,31.3100],
          'Санкт-Петербург'  :  [59.9251,30.3166]
      },
      
      myMap = new ymaps.Map("regionMap", {
          center: [59.9251,30.3166],
          zoom: 9
      });
 
      //myMap.behaviors.disable('scrollZoom');
   
      myMap.controls.add("zoomControl", {
          position: {top: 15, left: 15}
      });

    	var myPlacemark65 = new ymaps.Placemark([ 59.92621012,30.26314598 ] , {
    balloonContent: 'Санкт-Петербург jhh'
},
  { 
    iconLayout: 'default#image'
  }
);
var myPlacemark66 = new ymaps.Placemark([ 59.88070345,30.30707359 ] , {
    balloonContent: 'Санкт-Петербург, Ст.м. «Электросила»,'
},
  { 
    iconLayout: 'default#image'
  }
);
      myMap.geoObjects
        .add(myPlacemark65)
.add(myPlacemark66);
        
      function clickGoto() {
        // город
        var pos = $(this).attr("data-map");
        // переходим по координатам
        myMap.panTo(destinations[pos], {
            flying: 0.5
        });
        
        return false;
      }
  
      // навешиваем обработчики
      var col = document.getElementsByClassName('goto');
      for (var i = 0, n = col.length; i < n; ++i) {
        //alert(col[i]);
        
          col[i].onclick = clickGoto;
      }
 
}

____________________
если за прокрутку отвечает panTo то что отвечает за отображение балуна?

Answer 1

[Александр Иванов]

так
myPlacemark66.balloon.open();