Не могу прикрутить виджет jquery

Что я не так делаю. Вместо нужного результата, оба дива показываются, а виджет не работает.
Ссыдки на css и js файлы поставлены

Код (Text):

1. <script>
2.     $(function() {
3.         $( "#tabs" ).tabs({
4.             collapsible: true
5.         });
6.     });
7.  
8.  
9. });
10. </script>
11. <div class='demo'>
12.         <div id='tabs'>
13.         <ul>
14.         <li><a href='#tabs-1'>фото1</a></li> <li><a href='#tabs-2'>фото2</a></li>
15.         </ul>
16.         <div id='tabs-1'>
17.             <img id='pic' src='img/guella.jpg'>
18.         </div>
19.         <div id='tabs-2'>
20.             <img id='pic' src='img/city1.jpg'>
21.         </div>
22.         </div>
23.         </div>