JavaScript Side menu isn't showing up when clicked on menu image

you missing ) in end of ready function

You need to insert jquery ui for easing effects

Just try this.,!

$('#logoDiv, #pageTitle').click(function () {
  if (!$("#searchMenu").is(':visible')) {
    $('#searchMenu').show('slide', 'left', 300);
  } else {
    $('#searchMenu').hide('slide', 'left', 300);
  }
});
#logoDiv {
    width: 52px;
    float: left;
    padding-top: 1.5%;
    padding-left: 4%;
    color: white;
    background-color: #FFA500;
    height: 50px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
#pageLogo {
    display: block;
    flex-flow: column nowrap;
    height: 67%;
    justify-content: center;
    width: 14%;
}
#pageTitle {
    background-color: #FFA500;
    height: 50px;
    padding-top: 1%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding-right: 22%;
}
#inheader {
    font-size: 24px;
    color: #fff;
}
.mainDiv {
    width: 100%;
    justify-content: center;
    padding: 1%;
}
#user {
    /*display: flex;
    flex-flow: column;
    justify-content: center;*/
    color: #fff;
    text-align: center;
    font-size: 18px;
}
#searchMenu {
    position: absolute;
    top: 9%;
    z-index: 10;
    display: none;
    height: 80%;
    overflow-y: auto;
    padding: 0px;
    min-width: 250px;
    background-color: transparent;
}
#searchMenu >.list-group >.list-group-item {
    float: none;
    min-width: 150px;
    background-color: #201423;
    ;
    border: 1px solid #CCC;
    cursor: pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>   
    <div id="headDiv" role="banner">
        <div id="logoDiv"> <span id="pageLogo"><img src="images/index_menu_active_phone.png" id="logo"></span>

        </div>
        <div id="pageTitle" class="container-fluid">
            <div class="center-block">
                <img src="images/cart.png" class="img-rounded" alt="I" width="30" height="30" /> <span style="font-family: 'customfont';" id="inheader">Instore</span>

            </div>
        </div>
    </div>
    <div class="container mainDiv">
        <div id="searchMenu" class="col-xs-4">Helloiudhfskjdzgfsiukydhfsiuejhgfsiudjh</div>
    </div>
Answer:1

The end of your jQuery function is wrong.

See Working Jsfiddle

Code:

    $(document).ready(function () {
    $('#logoDiv, #pageTitle').click(function () {
        if (!$("#searchMenu").is(':visible')) {
            $('#searchMenu').show('slide', 'left', 300);
        } else {
            $('#searchMenu').hide('slide', 'left', 300);
        }
    });
});
Answer:2

I'm having a real hard time understanding how to access the actual bound store instance on a component, like a ComboBox or Grid. It appears that when you use their getStore method, it returns a ...

I'm having a real hard time understanding how to access the actual bound store instance on a component, like a ComboBox or Grid. It appears that when you use their getStore method, it returns a ...

  1. extjs get bound store

I am trying to iterate through data on success in an AJAX call. The data, when logged in console looks like this: [Object, Object] 0: Object messages: Array[0] sid: 534 __proto__: Object 1: ...

I am trying to iterate through data on success in an AJAX call. The data, when logged in console looks like this: [Object, Object] 0: Object messages: Array[0] sid: 534 __proto__: Object 1: ...

  1. iterating through array javascript
  2. iterating through array python
  3. iterating through array java
  4. iterating through array c++
  5. iterating through array matlab
  6. iterating through array ruby
  7. iterating through array bash
  8. iterating through array js
  9. iterating through arraylist
  10. iterating through array php
  11. iterating through array swift
  12. iterating through array of objects javascript
  13. iterating through array powershell
  14. iterating through array in typescript
  15. iterating through array in scala
  16. iterating through array in perl

i'm reading the book 'Secrets of the JavaScript Ninja' (http://jsninja.com/) and wonder why a certain code block from one of the examples is coded like it is. The example (http://jsfiddle.net/...

i'm reading the book 'Secrets of the JavaScript Ninja' (http://jsninja.com/) and wonder why a certain code block from one of the examples is coded like it is. The example (http://jsfiddle.net/...

I am using the following plugin for a datepicker: http://xdsoft.net/jqplugins/datetimepicker/ This is a very nice plugin however I am finding it difficult to set a default date when loading the box. ...

I am using the following plugin for a datepicker: http://xdsoft.net/jqplugins/datetimepicker/ This is a very nice plugin however I am finding it difficult to set a default date when loading the box. ...