Jquery клик в элемент, а не в child, как?

Question

[Дилик Пулатов]

Здравствуйте!

<button class="btn btn-default" id="userSettings"><i class="fa fa-gear"></i>
  <div class="settings">
    <h1>panel settings</h1>
  </div>
</button>

как можно реализовать чтобы открывает(и закрывает) окна настройки при клике #userSettings, а не в панель
то есть при клике панель так же работает событие....так не нвдо

Answer 1

[Карен Мнацаканян]

Если я правильно вас понял то ответ такой

<button class="btn btn-default" id="userSettings" style="font-size: 20px;"><i class="fa fa-gear"></i>Test</button>
    <div class="settings" style="display: none;">
        <h1>panel settings</h1>
    </div>

<script type="text/javascript">
    $(document).ready(function(){
        $('#userSettings').click(function(){
            $('#userSettings + .settings').slideToggle();    
        })
    });
</script>

Comments

[Дилик Пулатов]

div должно быт внутри button

[Карен Мнацаканян]

Дилик Пулатов:

<button class="btn btn-default" id="userSettings" style="font-size: 20px;"><i class="fa fa-gear"></i>Test
    <div class="settings" style="display: none;">
        <h1>panel settings</h1>
    </div>
</button>

<script type="text/javascript">
    $(document).ready(function(){
        $('#userSettings').click(function(){
            $('#userSettings .settings').slideToggle();    
        })
    });
</script>

[Дилик Пулатов]

Карен Мнацаканян: если нажмём на .settings то так же закрывается? так не должно быт