Hiding views before using toggle

Hi, I want to hide some of my html in my view before toggling. In my
css I tried setting the display:none; but then when I would run my
toggle function it wouldn’t toggle. Is there an easy solution out there
besides having to render javascript everytime to hide this html before
toggling it?

Chase Midler wrote:

Hi, I want to hide some of my html in my view before toggling. In my
css I tried setting the display:none; but then when I would run my
toggle function it wouldn’t toggle. Is there an easy solution out there
besides having to render javascript everytime to hide this html before
toggling it?

are you looking for a solution to your first question? hidding views

or

do you want a solution without rendering javascript?

I want to know how I can have my html text not display when a page
loads, but still works with toggle. I.E. when using the css
display:none; toggle does not work, but the html is hidden. When I do
not use the css display:none; toggle does work, but the html is always
present when I first load the page.

Rails L. wrote:

Make sure you are loading prototype js libraries for this page –
<%= javascript_include_tag :defaults %>

this example assumes you view has an image which when clicked displays a
hidden content and hides it when click again.

view

<%= image_tag(“blah”, :onclick=>"$(‘abc’).toggle();")%>

…hidden content…

css

#abc {
display:none;
}

Okay, so I have the javascript include tag for defaults.

I do the following in my view:

<%= link_to_function(“More”) do |page|
page.Effect.toggle(“more_nav”)
end%>

    <%more_links.each do |text,link| -%>
  • <%= link_to text, link %>
  • <% end -%>

With this code running toggle does not work, the “more_nav” div does not
display. If I take out style =“display:none;” then toggle works, but
the more_nav html is displayed on the page when it loads.

solved this

with my div tag under the javascript block, the display:none; css would
not work. Moving the div above the javascript allowed this to work.

Chase Midler wrote:

I want to know how I can have my html text not display when a page
loads, but still works with toggle. I.E. when using the css
display:none; toggle does not work, but the html is hidden. When I do
not use the css display:none; toggle does work, but the html is always
present when I first load the page.

Make sure you are loading prototype js libraries for this page –
<%= javascript_include_tag :defaults %>

this example assumes you view has an image which when clicked displays a
hidden content and hides it when click again.

view

<%= image_tag(“blah”, :onclick=>"$(‘abc’).toggle();")%>

…hidden content…

css

#abc {
display:none;
}

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs