Question: Could someone please tell me whats wrong with the following code? Everything looks good. What I'm trying to achieve is getting the Side-Panel to widen on click, then shorten on click if the value is "Normal".

```
$(document).ready(function(){
    $("#widen_btn").click(function(){
        $("#side-panel").css("width", "500px");
        $("#widen_btn").val("Normal");
    });

    $("#widen_btn").click(function(){
        var x = $("#widen_btn").val();
        if(x.val() == "Normal"){
            $("#side-panel").css("width", "250px");
        }
    });
});

```

Answer: 
`.val()` returns a string.  

`x.val()` doesn't make sense.

Also, your first handler always runs even if it's already widened (you need an `if` there).  

Also, you need to reset the button text.
I guess you should change

```
var x = $("#widen_btn").val();

```

to

```
var x = $("#widen_btn");

```

then

```
x.val()

```

does make sense