JQuery Accordion Buried in a Table within Dynamic Page -

-

i'm trying access moveover property of accordion buried under divs , other stuff. here html:

<body>     <form id="form1" runat="server" >     <div id="content" class="content">     <table style="width: 1200px">         <tr>             <td style="width: 800px">                 <h1>title here</h1><br />                 stuff here.. blah blah..                  <div id="wrapping" class="wrapping">                     <p class="accordionbutton"><strong>water-related services</strong></p>                     <div class="accordioncontent">                           item 1<br />                         item 2<br/>                         item 3<br />                     </div>                     <p class="accordionbutton"><strong>fire , smoke problem</strong></p>                     <div class="accordioncontent">                         item 1<br />                         item 2<br />                         item 3<br />                    </div>                     <p class="accordionbutton"><strong>mold problems</strong></p>                     <div class="accordioncontent">                         mold remediation<br />                    </div>                                        </div>               </td>               <td style="width:auto; text-align:center">               <p style="text-align:center; font-size:xx-large; color:red">call today</p><br />                                  </td>           </tr>      </table> </div>

here portion of script i'm using try access accordion buttons:

    $('.wrapping').find('p.accordionbutton').mouseover(function() {         $('div.accordioncontent').slideup('normal');         $(this).next().slidedown('normal');     });

i've placed alert command inside mouseover function , never fires, know i'm not reaching accordion button properly. can help?

added: here entire jquery script. it's not big, it's redundant. have asp.net page dynamic web page. know have redundancies, i'm new @ jquery:

// check hash value in url
var hash = window.location.hash.substr(1);

var href = $('#nav li a').each(function(){        var href = $(this).attr('href');        if(hash==href.substr(0,href.length-4)){            var toload = hash + '.htm #content';            $('#content').load(toload)        }     });

$(document).ready(function() { 

    //accordion button action         $('.wrapping').find('p.accordionbutton').mouseover(function() {         $('div.accordioncontent').slideup('normal');         $(this).next().slidedown('normal');     });      //hide divs on page load         $(".accordioncontent").hide();        if (hash=="") {         $('#content').load("welcome.aspx #content", shownewcontent());     }         $('#nav li a').click(function(){            var toload = $(this).attr('href')+' #content';         $('#content').hide('fast',loadcontent);         $('#wrapper').append('<span id="load">loading...</span>');            $('#load').fadein('normal');          function loadcontent() {             $('#content').load(toload,'',shownewcontent())            }          function shownewcontent() {                $('#content').show(hideloader());         }          function hideloader() {                $('#load').fadeout('normal');            }           return false;     });       function loadcontent() {         $('#content').load(toload,'',shownewcontent())        }      function shownewcontent() {            $('#content').show(hideloader());     }      function hideloader() {            $('#load').fadeout('normal');        }

});

you can try eliminate ambiguity:

<div id="wrapping" class="wrapping">

i suggest remove class on div:

<div id="wrapping">

and have change jquery selector:

$('#wrapping').find( ...

Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more