I have seen in another post that you can call a JavaScript function in your razor code like so:

@:FunctionName()

For me though this only outputs the actual words FunctionName()

Here is my view:

@model PriceCompare.Models.QuoteModel



@{

    ViewBag.Title = Quote;

}



<h2>Quote</h2>



@if (@Model.clarify == true)

{

    // do drop down loic

    @:ShowClarify();

}

else

{

    // fill quote

    @:ShowQuote();

}

<div class=clarify>



    You can see the clarify div

</div>

<div class=quote>



    You can see the quote div

</div>



@section head {



    <script type=text/javascript>



        $(document).ready(

            function ShowQuote() {

                $(.quote).show();

            },

            function ShowClarify() {

                $(.clarify).show();

            }

        );



    </script>

}

Is it because I have nested it in an `@if'? Anyway around this?