Response title
This is preview!
- Screen name: reiger101
reiger101's Profile
2 Posts
3 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- I am trying to better understand how to customize jCoverflip. Anyone out there familiar with jCoverflip and willing to entertain a few questions on the plugin?
Thanks,
-Patrick- I have an "Edit" button with id="edit" and a "Preview" button with id="preview". The page initially loads with the "Edit" button visible and the "Preview" button hidden. By clicking these buttons you toggle between the two and add or remove a .hideable class to all li on the page. This is working fine.It's the last function below that's not working as expected. The idea here is to be able to grey out any li that has the new .hideable class. However, when I click on a li nothing happens. I know the li has the .hideable class because the :hover css is working.Any help would greatly be appreciated. Thanks.
- <script type="text/javascript">
- $(function() {
- $("#edit").click(function() {
- $(this).hide();
- $("#preview").show();
- $("#page li").addClass("hideable");
- });
- });
- $(function() {
- $("#preview").click(function() {
- $(this).hide();
- $("#edit").show();
- $("#page li").removeClass("hideable");
- });
- });
- $(function() {
- $(".hideable").click(function() {
- $(this).toggleClass("grey");
- });
- });
- </script>
- #container #content #page .hideable:hover {
- background-color: #CCC;
- cursor: pointer;
- }
- .grey {
- background-color: #CCC;
- }
- «Prev
- Next »
Moderate user : reiger101